/* ═══════════════════════════════════════════════════════════
   SOLARISCREEN — DESIGN TOKENS (communs aux 2 thèmes)
   Couleurs : voir theme-dark.css / theme-light.css
   ═══════════════════════════════════════════════════════════ */

:root {
  /* ── Typographie ── */
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Orbitron', var(--font-body);
  --font-mono:    'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;

  --fs-2xs: 0.68rem;
  --fs-xs:  0.78rem;
  --fs-sm:  0.86rem;
  --fs-md:  0.95rem;
  --fs-lg:  1.1rem;
  --fs-xl:  1.4rem;
  --fs-2xl: 1.9rem;
  --fs-3xl: 2.6rem;

  --lh-tight: 1.25;
  --lh-base:  1.55;

  /* ── Espacements ── */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;

  /* ── Rayons ── */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* ── Conteneur ── */
  --container: 1240px;
  --header-h: 60px;

  /* ── Transitions ── */
  --t-fast: 0.15s ease;
  --t-base: 0.25s ease;
}

/* Thème par défaut si JS absent */
:root { color-scheme: dark; }