/* ============================================================
   ReplayTower — Design tokens V1
   Sombre par défaut. Clair + automatique (system) supportés.
   Source : AI_ENGINE_UX_VISUAL_DESIGN_SYSTEM_V1.md
   ============================================================ */

:root{
  /* Fonds & surfaces (bleu nuit minéral) */
  --bg-base:#0D1420; --bg-canvas:#101826;
  --surface-1:#16202F; --surface-2:#1C2838; --surface-3:#22303F;
  --hairline:#2A3546; --hairline-strong:#35435A;
  /* Texte (blanc chaud) */
  --text-primary:#F5F2EC; --text-secondary:#AEB6C2; --text-tertiary:#7C8698;
  /* Accent (bleu minéral — une seule action par écran) */
  --accent:#3D6FD1; --accent-hover:#4A7CE0; --accent-press:#3260BC;
  --accent-bright:#6EA0F5; --accent-tint:#182642;
  /* Délice rare */
  --champagne:#E8C79A;
  /* Sémantique calme */
  --success:#5FB98B; --warning:#E0A85C; --danger:#E27B72;
  /* Rayons / ombres / motion */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px;
  --shadow:0 8px 24px rgba(6,10,18,.45);
  --shadow-lg:0 18px 50px rgba(6,10,18,.55);
  --ease:cubic-bezier(.22,.61,.36,1);
  /* Espacement (grille 4px) */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif;
  color-scheme:dark;
}

/* Mode clair — appliqué en forcé (data-theme="light") OU en auto (system) */
:root[data-theme="light"]{
  --bg-base:#EDEAE3; --bg-canvas:#F5F2EC;
  --surface-1:#FFFFFF; --surface-2:#FBFAF7; --surface-3:#F0EDE6;
  --hairline:#DEDAD1; --hairline-strong:#CBC6BB;
  --text-primary:#141A24; --text-secondary:#41505F; --text-tertiary:#6B7686;
  --accent:#2E60C4; --accent-hover:#2A57B2; --accent-press:#254C9C;
  --accent-bright:#2E60C4; --accent-tint:#E4ECFA;
  --shadow:0 8px 24px rgba(20,26,36,.10); --shadow-lg:0 18px 50px rgba(20,26,36,.16);
  color-scheme:light;
}
/* Automatique : suit l'OS quand data-theme="system" (ou absent) et OS = clair */
@media (prefers-color-scheme:light){
  :root[data-theme="system"], :root:not([data-theme]){
    --bg-base:#EDEAE3; --bg-canvas:#F5F2EC;
    --surface-1:#FFFFFF; --surface-2:#FBFAF7; --surface-3:#F0EDE6;
    --hairline:#DEDAD1; --hairline-strong:#CBC6BB;
    --text-primary:#141A24; --text-secondary:#41505F; --text-tertiary:#6B7686;
    --accent:#2E60C4; --accent-hover:#2A57B2; --accent-press:#254C9C;
    --accent-bright:#2E60C4; --accent-tint:#E4ECFA;
    --shadow:0 8px 24px rgba(20,26,36,.10); --shadow-lg:0 18px 50px rgba(20,26,36,.16);
    color-scheme:light;
  }
}