/* ===========================================================
   training.aivirinchi.com — THEME TOKENS ONLY
   -----------------------------------------------------------
   This file is deliberately just variables — no layout, no
   component rules. Every other stylesheet (training.css) reads
   colors/spacing through these var() names instead of literal
   values, so swapping the whole site's look later means editing
   ONLY this file, not hunting through component CSS.

   To re-theme: replace the values below and keep the names the
   same. Currently mirrors aivirinchi.com's brand (navy/gold/green).
   =========================================================== */

:root {
  /* Surfaces */
  --bg: #f8f3ed;
  --bg-soft: #efe7d8;
  --surface: #ffffff;
  --surface-2: #faf6ee;
  --border: #e7decd;

  /* Text */
  --text: #1c3247;
  --ink: #0a263e;
  --muted: #5d6b78;

  /* Brand */
  --navy: #0a263e;
  --navy-2: #15486f;
  --gold: #e4a218;
  --gold-deep: #c4881a;
  --green: #15663c;
  --green-deep: #013f26;
  --grad: linear-gradient(120deg, #0a263e, #15486f);

  /* Tile icon background (the dark rounded-square behind each course icon) */
  --tile-bg: var(--navy);
  --tile-icon: var(--gold);

  /* Shape + shadow */
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 16px 40px rgba(10, 38, 62, 0.10);
  --shadow-sm: 0 6px 16px rgba(10, 38, 62, 0.08);

  --maxw: 1140px;
}