/* ═══════════════════════════════════════════════════════════════
   APMD Brief Design System — 1. TOKENS
   Brand palette, tier colours, type stack, spacing, radii, shadows.
   Pure custom properties — no element rules, no surface rules.
   Imported by every other layer; never imports anything itself.
   Authority: APMD Data Hub design system (AU / AU-IBAR institutional identity).
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── BRAND CORE — African Union palette ────────────────────── */
  --au-green-dark:    #13452A;   /* deep forest, cover bg, heading text */
  --au-green:         #1A5632;   /* primary action, table headers, stat value */
  --au-green-mid:     #348F41;   /* success accents, T2 tier */
  --au-green-light:   #66A86E;   /* hover ghosts, calc-tag border */
  --au-teal:          #009383;   /* T4 tier */
  --au-gold:          #E08A1A;   /* warm accent, key-messages, subsection border */
  --au-gold-soft:     #B4A269;   /* T3 tier, cover gold rule */
  --au-gold-pale:     #F2E5C9;   /* gold tint backgrounds */
  --au-maroon:        #9F2241;   /* critical gap tag, T7 tier */
  --au-maroon-soft:   #C84A6B;   /* maroon hover */
  --au-purple:        #6B3FA0;   /* T6 tier */
  --au-grey:          #6E6E6E;   /* AU communications neutral */
  --au-grey-dark:     #3F3F3F;   /* deep grey, body text on light */
  --au-grey-light:    #C8C8C5;   /* hairline borders on white */

  /* ── NEUTRALS — warm ivory grays ───────────────────────────── */
  --bg-canvas:        #F2F3EE;   /* app background, ivory-tinged */
  --bg-surface:       #FFFFFF;   /* card / table surface */
  --bg-subtle:        #F0F2ED;   /* table headers, breadcrumb, callout bg */
  --bg-tonal:         #F5F7F2;   /* row hover */
  --border-subtle:    #E5E7EB;   /* card edges */
  --border-default:   #D8DDD5;   /* warm table borders */
  --border-strong:    #9CA3AF;   /* table footer top rule */
  --fg-primary:       #111827;   /* body text */
  --fg-secondary:     #374151;   /* secondary text */
  --fg-tertiary:      #6B7280;   /* muted captions */
  --fg-on-dark:       #FFFFFF;
  --fg-on-dark-soft:  rgba(255,255,255,0.80);

  /* ── TYPOGRAPHY ────────────────────────────────────────────── */
  /* Calibri is the AU-IBAR institutional standard. Carlito is a
     metric-compatible open-source twin (same advance widths, no reflow)
     loaded via Google Fonts on non-Microsoft devices. */
  --font-sans:    Calibri, 'Carlito', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-display: Calibri, 'Carlito', 'Segoe UI', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;

  /* ── SPACING (4px base) ────────────────────────────────────── */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px;
  --space-4: 16px; --space-5: 20px; --space-6: 24px;
  --space-8: 32px; --space-10: 40px; --space-12: 48px;

  /* ── RADII ─────────────────────────────────────────────────── */
  --radius-sm: 4px;   /* tags */
  --radius-md: 6px;   /* buttons, inputs */
  --radius-lg: 8px;   /* cards, stat boxes, callouts */
  --radius-pill: 999px;

  /* ── SHADOWS ───────────────────────────────────────────────── */
  --shadow-card: 0 1px 6px rgba(0,0,0,0.08);
  --shadow-page: 0 6px 40px rgba(0,0,0,0.18);

  /* ── BRAND GRADIENTS ───────────────────────────────────────── */
  --grad-accent-bar: linear-gradient(90deg, #13452A 0%, #1A5632 25%, #B4A269 55%, #E08A1A 75%, #1A5632 100%);

  /* ── SOURCE-TIER COLORS (T1–T7 data-trust spectrum) ────────── */
  --tier-1: #1A5632;  --tier-2: #348F41;  --tier-3: #B4A269;
  --tier-4: #009383;  --tier-5: #E08A1A;  --tier-6: #6B3FA0;  --tier-7: #9F2241;
}