/* ==========================================================================
   NEON STRATA — tokens (DESIGN.md §3 et §4)
   Seule source des couleurs, polices et tailles du thème.
   ========================================================================== */

/* Polices auto-hébergées (DESIGN.md §4.2 — pas de CDN Google Fonts) */
@font-face {
  font-family: "Mona Sans";
  src: url("../fonts/MonaSans-VF.woff2") format("woff2-variations"),
       url("../fonts/MonaSans-VF.woff2") format("woff2");
  font-weight: 200 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url("../fonts/Geist-VF.woff2") format("woff2-variations"),
       url("../fonts/Geist-VF.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist Mono";
  src: url("../fonts/GeistMono-VF.woff2") format("woff2-variations"),
       url("../fonts/GeistMono-VF.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Fonds — du plus profond au plus proche */
  --c-void:        #070A12;  /* fond de page */
  --c-surface:     #0F172A;  /* sections, panneaux (Pro Max background) */
  --c-raised:      #192134;  /* cartes (Pro Max card) */
  --c-line:        rgba(148, 163, 184, 0.14); /* filets 1 px */

  /* Texte */
  --c-text:        #E2E8F0;
  --c-text-muted:  #94A3B8;

  /* Dominantes */
  --c-violet:      #7C3AED;  /* primaire — aplats, boutons */
  --c-violet-glow: #A78BFA;  /* violet pour texte / liens */
  --c-indigo:      #6366F1;  /* secondaire — bleu électrique */
  --c-indigo-glow: #818CF8;
  --c-cyan:        #0891B2;  /* accent — bleu-vert */
  --c-cyan-glow:   #22D3EE;  /* HUD, focus, données */
  --c-green:       #22C55E;  /* signal « système OK », succès */
  --c-green-glow:  #4ADE80;

  /* Dystopie — usage rare */
  --c-amber:       #F5A524;  /* signalétique, avertissements, étiquettes « restricted » */
  --c-alert:       #FF4D5E;  /* erreurs uniquement */

  /* Lueurs */
  --glow-violet: 0 0 24px rgba(124, 58, 237, 0.45);
  --glow-cyan:   0 0 18px rgba(34, 211, 238, 0.40);
  --glow-green:  0 0 14px rgba(74, 222, 128, 0.35);

  /* Dégradé signature (aurore toxique) — 1 élément par écran */
  --grad-strata: linear-gradient(120deg, #7C3AED 0%, #6366F1 35%, #0891B2 70%, #22C55E 100%);

  /* Typographie */
  --f-display: "Mona Sans", system-ui, sans-serif;
  --f-text:    "Geist", system-ui, sans-serif;
  --f-mono:    "Geist Mono", ui-monospace, monospace;

  --fs-hero: clamp(3.5rem, 9vw + 1rem, 10rem);   /* H1 hero, wdth 125 */
  --fs-h2:   clamp(2.25rem, 4.5vw + 0.5rem, 5rem);
  --fs-h3:   clamp(1.5rem, 2vw + 0.5rem, 2.25rem);
  --fs-body: clamp(1rem, 0.3vw + 0.95rem, 1.125rem);
  --fs-hud:  0.75rem;  /* mono, uppercase, letter-spacing 0.18em */

  --lh-tight: 0.92;  /* display */
  --lh-body:  1.6;

  --ls-display: -0.02em;
  --ls-hud:     0.18em;

  /* Espacements (grille 8 px, DESIGN.md §6) */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-6: 3rem;
  --sp-8: 4rem;
  --sp-12: 6rem;
  --sp-16: 8rem;

  --measure: 68ch;   /* 60–72 caractères par ligne */

  /* Rayons : 0 à 4 px max */
  --radius-0: 0;
  --radius-1: 2px;
  --radius-2: 4px;

  /* Mouvement */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 150ms;
  --dur-base: 250ms;

  color-scheme: dark;
}