/* ============================================================
   WIWITV — Design tokens
   Esthétique : cassette VHS / vieux film / double-exposition
   cyan-magenta façon "3D sans lunettes" (anaglyphe)
   ============================================================ */

:root {
  /* --- Couleurs --- */
  --void: #06060a;          /* fond principal, noir bleuté écran éteint */
  --panel: #100c19;         /* fond des panneaux / cartes */
  --panel-raised: #17111f;  /* cartes au survol */
  --grid-line: rgba(232, 230, 245, 0.07);

  --cyan: #2ef2ff;          /* canal gauche de l'effet anaglyphe */
  --cyan-dim: #1a8f9c;
  --magenta: #ff2f9e;       /* canal droit de l'effet anaglyphe */
  --magenta-dim: #9c1a63;
  --amber: #ffc93d;         /* voyant "REC", alertes, accents rares */

  --text-hi: #f1eef9;
  --text-mid: #b9b3cc;
  --text-dim: #766f8c;

  --success: #4dffb4;
  --danger: #ff5c5c;

  /* --- Typographie --- */
  --font-display: 'Big Shoulders Display', 'Arial Narrow', sans-serif;
  --font-mono: 'Space Mono', 'Courier New', monospace;
  --font-body: 'Manrope', 'Segoe UI', sans-serif;

  --step--1: clamp(0.78rem, 0.75rem + 0.15vw, 0.88rem);
  --step-0:  clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1:  clamp(1.25rem, 1.15rem + 0.5vw, 1.6rem);
  --step-2:  clamp(1.75rem, 1.5rem + 1.2vw, 2.4rem);
  --step-3:  clamp(2.6rem, 2rem + 3vw, 4.2rem);
  --step-4:  clamp(3.4rem, 2.4rem + 5vw, 6.4rem);

  /* --- Rythme / mise en page --- */
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --radius: 2px; /* volontairement quasi carré : lecteur cassette, pas app moderne */
  --border: 1px solid rgba(241, 238, 249, 0.14);

  --ease-glitch: cubic-bezier(0.83, 0, 0.17, 1);
}