/* ============================================================
   Forward — Leadership Training Lab · design tokens (v1)
   The approved calm, blue-led light system. Single source of
   truth: import once, never hardcode a hex elsewhere.
   ============================================================ */
:root {
  /* --- Canvas & surfaces (warm light, layered for depth) --- */
  --canvas:    #F2F1EB;  /* page background */
  --canvas-2:  #F5F4EF;  /* gradient top */
  --surface:   #FFFFFF;  /* cards */
  --surface-2: #FAF8F3;  /* subtle raised */
  --inset:     #EEEDE5;  /* tracks, tiles, progress base */

  /* --- Lines --- */
  --line:      #E5E3DB;            /* warm hairline */
  --blue-line: rgba(28,74,117,.16);/* card outline — gives contrast */

  /* --- Ink (text) --- */
  --ink:       #22384E;  /* primary text — deep blue-slate, calm */
  --ink-2:     #5C6B7A;  /* secondary */
  --muted:     #929DA8;  /* muted / labels */

  /* --- Blue: the structural backbone (outlines, headers, data, links) --- */
  --blue:      #1C4A75;
  --blue-deep: #143452;
  --blue-soft: #E7EDF4;  /* tint fills / badges */
  --blue-tint: #F1F5F9;  /* hover wash */

  /* --- Coral: the single warm spark (primary action + "you are here") --- */
  --coral:     #E2674B;
  --coral-soft:#F8E2DA;

  /* --- Sage: quiet positive / growth signal (deltas, "live") --- */
  --sage:      #4E9A82;
  --sage-deep: #2F7A60;
  --sage-soft: #E2EDE7;

  /* --- Type --- */
  --display: 'Bricolage Grotesque', system-ui, sans-serif; /* headings only */
  --body:    'Figtree', system-ui, -apple-system, sans-serif;
  --mono:    'DM Mono', ui-monospace, monospace;            /* labels, data, eyebrows */

  /* --- Radius --- */
  --r-sm: 10px; --r: 16px; --r-lg: 20px; --r-pill: 999px;

  /* --- Shadow (soft, blue-tinted, light theme) --- */
  --sh-1: 0 1px 2px rgba(20,52,82,.05);
  --sh-2: 0 12px 30px -20px rgba(20,52,82,.20);
  --sh-3: 0 22px 48px -28px rgba(20,52,82,.24);

  /* --- Spacing --- */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px;
}

/* Google Fonts to load:
   Bricolage Grotesque (500,600,700) · Figtree (400,500,600,700) · DM Mono (400,500) */