/* ============================================================
   EvoGames Portal — design tokens.

   Valori copiati alla lettera da
   sudoku/packages/evo_design/lib/src/tokens.dart (evo_design v2),
   per la decisione T6 del contratto
   commons/.documentation/design/decisioni-ui-e-comportamento-2026-08-26.md.

   Regola: nessun colore hardcoded fuori da questo file. Il tema chiaro
   ridefinisce SOLO i token che cambiano ruolo.
   ============================================================ */

:root {
  color-scheme: dark;

  /* Superfici — EvoColors.*Dark */
  --bg: #0f1424;
  --surface: #1a2138;
  --surface-raised: #232c4a;
  --border: #2e3a5e;

  /* Testo */
  --text: #eef1fb;
  --text-dim: #9aa5c6;

  /* Accenti */
  --accent: #e94560;
  --accent-soft: rgba(233, 69, 96, 0.161); /* 0x29E94560 */
  --info: #38bdf8;
  --info-soft: rgba(56, 189, 248, 0.141); /* 0x2438BDF8 */
  --success: #4ade80;
  --error: #e05561;
  --warning: #fbbf24;

  /* Raggi — EvoRadius */
  --r-card: 20px;
  --r-control: 14px;
  --r-cell: 10px;
  --r-chip: 999px;

  /* Spaziature — EvoSpacing (4pt) */
  --s-xs: 4px;
  --s-sm: 8px;
  --s-md: 12px;
  --s-lg: 16px;
  --s-xl: 24px;
  --s-2xl: 32px;
  --s-3xl: 48px;
  --touch: 48px;

  /* Moto — EvoMotion */
  --t-fast: 120ms;
  --t-base: 240ms;
  --t-celebrate: 600ms;
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-enter: cubic-bezier(0, 0, 0.58, 1);

  /* Tipografia: solo font di sistema, nessun font remoto (ADR-0006). */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-mono: "Cascadia Mono", "Segoe UI Mono", ui-monospace, "SF Mono", monospace;

  /* Ombre derivate dal fondo scuro. */
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.35);
}

[data-theme="light"] {
  color-scheme: light;

  --bg: #f4f6fc;
  --surface: #ffffff;
  --surface-raised: #eef1fa;
  --border: #dde3f3;

  --text: #1a2138;
  --text-dim: #6b7699;

  --accent-soft: rgba(233, 69, 96, 0.102); /* 0x1AE94560 */
  --info-soft: rgba(56, 189, 248, 0.102); /* 0x1A38BDF8 */
  --success: #15803d;
  --error: #c62828;
  --warning: #b45309;

  --shadow-card: 0 10px 30px rgba(26, 33, 56, 0.12);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}