/* ============================================================
   GCSC 2026 — Design Tokens
   All color, typography, and spacing values from the Figma design
   ============================================================ */

:root {
  /* ── Brand / Background Colors ──────────────────────────── */
  --color-navy:        #1A1E50;   /* Primary dark bg (Bunting) */
  --color-navy-mid:    #292E73;   /* Statement band / Who bg (Astronaut) */
  --color-navy-deep:   #0D0F20;   /* Video section bg (Ebony) */
  --color-offwhite:    #F8F8F6;   /* Light section bg (Desert Storm) */
  --color-white:       #FFFFFF;

  /* ── Accent Colors ──────────────────────────────────────── */
  --color-gold:        #DBA749;   /* Primary accent / CTA (Anzac) */
  --color-gold-dark:   #9A6E1A;   /* Dark gold text (Hacienda) */
  --color-cyan:        #0AADD6;   /* Secondary accent (Cerulean) */
  --color-cyan-dark:   #077A97;   /* Dark cyan text (Blue Chill) */
  --color-green:       #40B54A;   /* Tertiary accent (Apple) */
  --color-red:         #F06060;   /* Quaternary accent (Burnt Sienna) */
  --color-green-dark:  #2A7A30;   /* Dark green text (Forest Green) */
  --color-red-dark:    #B03030;   /* Dark red text (Well Read) */

  /* ── Text Colors ────────────────────────────────────────── */
  --color-light:       #F1F2F2;   /* Primary text on dark (Black Haze) */
  --color-text-dark:   #1A1E50;   /* Dark headline text on light */
  --color-text-mid:    #3A3C52;   /* Body text on light (Bright Gray) */
  --color-text-body:   #2C2E44;   /* List / item text (Ebony Clay) */
  --color-text-muted:  #6B6F8A;   /* Muted / secondary text (Storm Gray) */

  /* ── Semi-transparent variants ──────────────────────────── */
  --color-navy-border: rgba(41, 46, 115, 0.12);
  --color-white-6:     rgba(255, 255, 255, 0.06);
  --color-white-7:     rgba(255, 255, 255, 0.07);
  --color-white-10:    rgba(255, 255, 255, 0.10);
  --color-white-12:    rgba(255, 255, 255, 0.12);
  --color-light-65:    rgba(241, 242, 242, 0.65);
  --color-light-70:    rgba(241, 242, 242, 0.70);
  --color-light-72:    rgba(241, 242, 242, 0.72);
  --color-light-80:    rgba(241, 242, 242, 0.80);
  --color-gold-12:     rgba(219, 167, 73, 0.12);
  --color-cyan-10:     rgba(10, 173, 214, 0.10);
  --color-green-10:    rgba(64, 181, 74, 0.10);
  --color-navy-8:      rgba(41, 46, 115, 0.08);  /* Subtle icon bg (Peer Cohort) */

  /* ── Typography ─────────────────────────────────────────── */
  --font-heading: 'Futura Now Headline', 'Century Gothic', 'Trebuchet MS', Arial, sans-serif;
  --font-body:    'Futura Now Text', 'Century Gothic', 'Trebuchet MS', Arial, sans-serif;

  /* ── Font Sizes ─────────────────────────────────────────── */
  --fs-11:  11px;
  --fs-12:  12px;
  --fs-13:  13px;
  --fs-14:  14px;
  --fs-15:  15px;
  --fs-16:  16px;
  --fs-17:  17px;
  --fs-18:  18px;
  --fs-20:  20px;
  --fs-24:  24px;
  --fs-28:  28px;
  --fs-30:  30px;
  --fs-48:  48px;
  --fs-84:  84px;

  /* ── Spacing ─────────────────────────────────────────────── */
  --container-max:     1200px;
  --section-pad-y:     96px;
  --section-pad-x:     360px;

  /* ── Border Radius ──────────────────────────────────────── */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;

  /* ── Letter Spacing ─────────────────────────────────────── */
  --ls-wide:  1.98px;
  --ls-wider: 2.4px;
  --ls-tight: -1.2px;
}