/* ════════════════════════════════════════════════════════════════════════
   NWCCTF — "Sentinel" Design Tokens (single source of truth)
   docs/roadmap/03_DESIGN_SYSTEM.md
   v2 — PRIMARY #056220 + Uganda-flag accents (black/yellow/red). Client directive.
   Flat solids only · NO gradients · 2px radius. Variable NAMES are kept stable so
   every consumer (site.css, td-admin.css) recolours from these values alone.
   ════════════════════════════════════════════════════════════════════════ */
:root {
  /* Primary — Uganda green (#056220) scale */
  --green-950: #032F11;   /* footer, deepest bands */
  --green-900: #04491A;   /* hero overlay base */
  --green-800: #056220;   /* PRIMARY brand green — headers, buttons, nav */
  --green-700: #0A7A2C;   /* hover on primary */
  --green-600: #2E8B48;   /* secondary emphasis */
  --green-100: #D7EBDD;   /* tinted section backgrounds, badges */
  --green-050: #EEF6F0;   /* subtle tinted surface */

  /* Accent — Uganda flag YELLOW (replaces gold; ≤10% of any viewport).
     Names kept as --gold-* so existing rules recolour automatically. */
  --gold-600: #7A6A00;    /* AA-safe yellow text on white */
  --gold-500: #FCDC04;    /* PRIMARY accent — CTAs, ribbon, active markers */
  --gold-400: #FDE64A;    /* hover on yellow */
  --gold-100: #FEF7D6;    /* yellow tint background */

  /* Uganda-flag palette aliases (semantic names for new components) */
  --accent-500: #FCDC04;  /* flag yellow */
  --accent-600: #7A6A00;  /* AA yellow text */
  --accent-100: #FEF7D6;
  --flag-black: #111111;  /* utility strip, footer, deep bands, flag-rule top */
  --flag-yellow: #FCDC04; /* flag-rule middle */
  --flag-red:   #D90000;  /* MICRO-accent only: flag-rule bottom + hotline number */

  /* Neutrals — warm, paper-like */
  --ink-900: #191D1B;
  --ink-600: #4A524E;
  --ink-400: #8B938E;
  --line:    #E1E5E2;
  --surface: #FFFFFF;
  --canvas:  #F7F8F7;

  /* Semantic (statuses/alerts only) */
  --ok:     #2E7D32;  --ok-soft:     #E5F1E6;
  --warn:   #B26A00;  --warn-soft:   #F7EDDD;
  --danger: #B3261E;  --danger-soft: #F8E7E6;
  --info:   #056220;  --info-soft:   #EEF6F0;

  /* Structure */
  --radius: 2px;
  --shadow-overlay: 0 8px 24px rgba(3, 47, 17, .16); /* dropdowns/modals ONLY */

  /* Type */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Layout */
  --container: 1200px;
  --gutter: 24px;
}