/*
  CamHydra — jetons de la refonte (docs/DESIGN_REFONTE.md § 1).
  Chargé en premier sur toutes les pages, connexion comprise, avant
  styles.css et design.css. Mêmes noms et mêmes valeurs que le kit des
  maquettes (analyses/design-camhydra-2026-10-18/maquettes/src/kit.css) :
  clair sur :root, sombre sur :root[data-theme="dark"] (posé par theme.js).
  Polices de l'appareil : rien n'est chargé depuis un autre site.
*/
:root {
  --bg: #f5f7fa;
  --surface: #ffffff;
  --surface-2: #eef1f5;
  --surface-3: #e2e7ee;
  --border: #dde3ea;
  --border-strong: #7b8698;
  --text: #111827;
  --text-muted: #4b5563;
  --text-subtle: #5f6b7a;
  --primary: #2563eb;
  --primary-hover: #1d4ed8;
  --on-primary: #ffffff;
  --link: #1d4ed8;
  --focus: #2563eb;
  --danger: #b42318;
  --danger-bg: #fdecec;
  --danger-solid: #b42318;
  --danger-hover: #912018;
  --on-danger: #ffffff;
  --success: #166534;
  --success-bg: #e7f6ec;
  --warning: #854d0e;
  --warning-bg: #fef3c7;
  --info: #1d4ed8;
  --info-bg: #e8f0fe;
  --muted-bg: #eef0f3;
  --muted-fg: #374151;
  --nav-bg: #183a76;
  --nav-fg: #ffffff;
  --nav-fg-muted: #c9d6f0;
  --nav-active-bg: #2c4f8f;
  --nav-hover-bg: #234681;
  --nav-count-bg: #ffffff;
  --nav-count-fg: #183a76;
  --scrim: rgb(17 24 39 / 0.45);
  --shadow-1: 0 1px 2px rgb(16 24 40 / 0.06), 0 1px 3px rgb(16 24 40 / 0.1);
  --shadow-2: 0 4px 12px rgb(16 24 40 / 0.1);
  --shadow-3: 0 12px 32px rgb(16 24 40 / 0.18);
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--focus) 25%, transparent);
  /* Carte */
  --map-sea: #dbe7f3;
  --map-land: #f4f1ea;
  --map-land-line: #c9c2b2;
  --map-road: #f0b44c;
  --map-road-casing: #c98a22;
  --map-city: #5f6b7a;
  --map-route: #2563eb;
  --map-done: #7b8698;
  /* États d'un boîtier : un mot, une couleur, un signe */
  --st-alarme: #b42318;
  --st-alarme-bg: #fdecec;
  --st-alarme-dot: #d92d20;
  --st-mission: #1d4ed8;
  --st-mission-bg: #e8f0fe;
  --st-mission-dot: #2563eb;
  --st-dispo: #166534;
  --st-dispo-bg: #e7f6ec;
  --st-dispo-dot: #16a34a;
  --st-verif: #854d0e;
  --st-verif-bg: #fef3c7;
  --st-verif-dot: #d97706;
  --st-eteint: #374151;
  --st-eteint-bg: #eef0f3;
  --st-eteint-dot: #7b8698;
  /* Fond d'une photo pas encore chargée */
  --photo-a: #2b3442;
  --photo-b: #46505f;
  --photo-c: #8b95a5;
  /* Texte et formes */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  --mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, "Liberation Mono", monospace;
  --r-sm: 6px;
  --r: 10px;
  --r-lg: 14px;
  --t-12: 12px;
  --t-13: 13px;
  --t-14: 14px;
  --t-16: 16px;
  --t-18: 18px;
  --t-20: 20px;
  --t-24: 24px;
  /* Cadre commun (nav.js) */
  --side-w: 232px;
  --top-h: 64px;
  --top-h-phone: 56px;
  --tabbar-h: 64px;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #0b1220;
  --surface: #131c2e;
  --surface-2: #1a2438;
  --surface-3: #222e45;
  --border: #26324a;
  --border-strong: #64748f;
  --text: #f1f5fb;
  --text-muted: #a9bde0;
  --text-subtle: #8b9bb8;
  --primary: #2563eb;
  --primary-hover: #1d4ed8;
  --link: #93b4ff;
  --focus: #93b4ff;
  --danger: #ff8a7a;
  --danger-bg: #3d1f27;
  --danger-solid: #b42318;
  --danger-hover: #912018;
  --success: #86efac;
  --success-bg: #173a2c;
  --warning: #fde68a;
  --warning-bg: #38331f;
  --info: #a8c4ff;
  --info-bg: #1a2c50;
  --muted-bg: #222e45;
  --muted-fg: #cbd5e1;
  --nav-bg: #0e1729;
  --nav-fg: #f1f5fb;
  --nav-fg-muted: #a9bde0;
  --nav-active-bg: #1f2d4a;
  --nav-hover-bg: #172238;
  --nav-count-bg: #f1f5fb;
  --nav-count-fg: #0e1729;
  --scrim: rgb(0 0 0 / 0.6);
  --shadow-1: 0 1px 2px rgb(0 0 0 / 0.3), 0 1px 3px rgb(0 0 0 / 0.35);
  --shadow-2: 0 4px 12px rgb(0 0 0 / 0.35);
  --shadow-3: 0 12px 32px rgb(0 0 0 / 0.5);
  --map-sea: #0f1a2b;
  --map-land: #1a2436;
  --map-land-line: #33415a;
  --map-road: #8a6a2e;
  --map-road-casing: #5a4520;
  --map-city: #a9bde0;
  --map-route: #93b4ff;
  --map-done: #64748f;
  --st-alarme: #ff8a7a;
  --st-alarme-bg: #3d1f27;
  --st-alarme-dot: #ff6b5a;
  --st-mission: #a8c4ff;
  --st-mission-bg: #1a2c50;
  --st-mission-dot: #5b8def;
  --st-dispo: #86efac;
  --st-dispo-bg: #173a2c;
  --st-dispo-dot: #34c46e;
  --st-verif: #fde68a;
  --st-verif-bg: #38331f;
  --st-verif-dot: #f0a83a;
  --st-eteint: #cbd5e1;
  --st-eteint-bg: #222e45;
  --st-eteint-dot: #8b9bb8;
  color-scheme: dark;
}