/* ============================================================
   tokens.css — Variables de design (miroir de DESIGN.md)
   ⛔ Ne pas inventer de valeurs ici. Toute évolution passe par
      DESIGN.md (Règle 4), puis est répercutée ici à l'identique.
   ============================================================ */

/* --- Thème clair (défaut) --- */
[data-theme="light"] {
  /* Aligne les contrôles natifs + désactive l'Auto Dark de Chrome Android (cf. DESIGN §0) */
  color-scheme: light;
  --bg: #ffffff;
  --bg-soft: #f2f7fc;
  --bg-alt: #e8f1f9;
  --surface: #ffffff;
  --surface-2: #f7fafd;
  --fg: #0a1826;
  --fg-soft: #475a6d;
  --muted: #7589a0;
  --border: #e4ecf4;
  --accent: #1f9fd9;
  --accent-2: #3eb3ea;
  --accent-soft: #e9f6fd;
  --accent-ink: #0c4a6e;
  --on-accent: #ffffff;
  --danger: #d6455d;
  --logo-tile-bg: #ffffff;
  --shadow: 0 1px 2px rgba(13, 46, 77, .05), 0 26px 56px -34px rgba(13, 46, 77, .32);
  --shadow-sm: 0 1px 2px rgba(13, 46, 77, .06), 0 12px 30px -18px rgba(13, 46, 77, .22);
}

/* --- Thème sombre --- */
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #070e18;
  --bg-soft: #0b1623;
  --bg-alt: #0e1b2b;
  --surface: #0e1c2e;
  --surface-2: #0a1626;
  --fg: #eaf3fb;
  --fg-soft: #a6bccf;
  --muted: #6f879d;
  --border: #1c3047;
  --accent: #3eb3ea;
  --accent-2: #5ec5f2;
  --accent-soft: rgba(62, 179, 234, .13);
  --accent-ink: #bfe6f8;
  --on-accent: #04121f;
  --danger: #f2778a;
  --logo-tile-bg: #ffffff;
  --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 30px 60px -34px rgba(0, 0, 0, .7);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 14px 34px -18px rgba(0, 0, 0, .6);
}