/* Rumble Kit — palette générée avec Lumen (clair + sombre, suit le réglage de l'appareil).
   Réglages Lumen : marque #2aa8ff verrouillée (sombre) · fond #060709 · harmonie « Opposée » · rayon 14 px.
   En clair, Lumen a refusé #2aa8ff (contraste 2,3 sur le fond, minimum 3) et propose #006890.
   Les 15 contrôles WCAG AA de Lumen passent dans les deux thèmes.
   Pour changer de palette : remplacez simplement ce fichier par un nouvel export Lumen (CSS, mode clair + sombre). */
:root {
  --bg: #f3f4f7;
  --surface: #e7e9ee;
  --surface2: #dbdfe6;
  --text: #001119;
  --muted: #375863;
  --primary: #006890;
  --primary-hover: #00597c;
  --primary-subtle: #bcceda;
  --on-primary: #FFFFFF;
  --accent: #c90000;
  --accent-subtle: #d8c0c6;
  --on-accent: #FFFFFF;
  --border: #c0c4ce;
  --secondary: #dbdfe6;
  --ring: #006890;
  --ok: #00621c;
  --wait: #922c00;
  --ko: #a70023;
  --radius: 14px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #060709;
    --surface: #111318;
    --surface2: #1b1f27;
    --text: #d1f6ff;
    --muted: #88abb7;
    --primary: #2aa8ff;
    --primary-hover: #48b4ff;
    --primary-subtle: #1e384e;
    --on-primary: #0d0e12;
    --accent: #ff2f3f;
    --accent-subtle: #44222b;
    --on-accent: #0d0e12;
    --border: #31363f;
    --secondary: #040506;
    --ring: #2aa8ff;
    --ok: #3db268;
    --wait: #f18600;
    --ko: #f65e62;
    --radius: 14px;
    color-scheme: dark;
  }
}
/* Forcer un mode : <html data-theme="dark"> ou <html data-theme="light"> */
:root[data-theme="dark"] {
  --bg: #060709;
  --surface: #111318;
  --surface2: #1b1f27;
  --text: #d1f6ff;
  --muted: #88abb7;
  --primary: #2aa8ff;
  --primary-hover: #48b4ff;
  --primary-subtle: #1e384e;
  --on-primary: #0d0e12;
  --accent: #ff2f3f;
  --accent-subtle: #44222b;
  --on-accent: #0d0e12;
  --border: #31363f;
  --secondary: #040506;
  --ring: #2aa8ff;
  --ok: #3db268;
  --wait: #f18600;
  --ko: #f65e62;
  --radius: 14px;
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg: #f3f4f7;
  --surface: #e7e9ee;
  --surface2: #dbdfe6;
  --text: #001119;
  --muted: #375863;
  --primary: #006890;
  --primary-hover: #00597c;
  --primary-subtle: #bcceda;
  --on-primary: #FFFFFF;
  --accent: #c90000;
  --accent-subtle: #d8c0c6;
  --on-accent: #FFFFFF;
  --border: #c0c4ce;
  --secondary: #dbdfe6;
  --ring: #006890;
  --ok: #00621c;
  --wait: #922c00;
  --ko: #a70023;
  --radius: 14px;
  color-scheme: light;
}