/* ============================================================
   SCRUM — tokens.css
   Single source of truth: OKLCH "Broadcast Floor" palette, type, spacing.
   Linked by index.html and @imported by _shared.css.
   Authoritative values = index.html's former :root.
   ============================================================ */
:root{
  --bg:          oklch(0.185 0.038 145);
  --bg-deeper:   oklch(0.13 0.032 145);
  --surface:     oklch(0.225 0.042 145);
  --surface-2:   oklch(0.27 0.048 145);
  --elevated:    oklch(0.31 0.055 145);
  --text:        oklch(0.97 0.006 140);
  --text-soft:   oklch(0.85 0.014 140);
  --muted:       oklch(0.70 0.020 140);
  --faint:       oklch(0.45 0.020 140);
  --rule:        oklch(0.30 0.028 145);
  --rule-soft:   oklch(0.26 0.024 145);
  --accent:      oklch(0.75 0.185 145);
  --accent-hi:   oklch(0.83 0.165 145);
  --accent-deep: oklch(0.55 0.17 145);
  --accent-bg:   oklch(0.32 0.085 145);

  --warm:        oklch(0.82 0.155 75);
  --warm-hi:     oklch(0.88 0.140 78);
  --warm-deep:   oklch(0.68 0.175 65);
  --warm-bg:     oklch(0.32 0.080 70);

  --aurora-1:    oklch(0.55 0.18 145);
  --aurora-2:    oklch(0.48 0.13 235);
  --aurora-3:    oklch(0.55 0.18 65);

  /* Fluid container — scales from 1280px up to ~1800px on 4K/ultrawide */
  --maxw: clamp(1280px, 72vw, 1800px);
  --gutter: clamp(1.25rem, 4vw, 4.5rem);
  /* Hauteur réservée pour le bottom-ticker — utilisée par le padding-bottom des slides */
  --ticker-h: clamp(44px, 3.4vh, 64px);

  --f-display: "Geist", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --f-body:    "Geist", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --f-serif:   "Fraunces", "Iowan Old Style", Georgia, serif;
  --f-script:  "Caveat", "Bradley Hand", "Marker Felt", cursive;
  --f-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}

/* sRGB fallback pour les navigateurs sans OKLCH (Safari/iOS < 15.4 & anciens).
   Valeurs résolues exactement depuis l'OKLCH ci-dessus (parité navigateur vérifiée
   via canvas Chromium) → couleurs correctes même là où oklch() est ignoré.
   Les navigateurs modernes ignorent ce bloc (ils supportent oklch). */
@supports not (color: oklch(0 0 0)) {
  :root {
    --bg: #071708;        --bg-deeper: #010a02;  --surface: #0e210f;   --surface-2: #162d17;
    --elevated: #1d381e;  --text: #f3f6f2;       --text-soft: #c9d0c8; --muted: #98a296;
    --faint: #50584e;     --rule: #253225;       --rule-soft: #1d271d; --accent: #53cb5d;
    --accent-hi: #7ce381; --accent-deep: #098926; --accent-bg: #0f3e14;
    --warm: #feb43a;      --warm-hi: #ffcb63;    --warm-deep: #df7c00; --warm-bg: #4c2a00;
    --aurora-1: #008b1d;  --aurora-2: #00669b;   --aurora-3: #b55200;
  }
}