/* Leitstelle - jetons de design. Un seul jeu de composants, deux palettes.
   Contrastes vérifiés (WCAG AA, texte ≥ 4,5:1 sur bg, surface et surface-2) dans les deux thèmes. */

:root {
  /* typographie */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-md: 13px;
  --fs-lg: 15px;
  --lh: 1.4;

  /* espacements (base 4 px) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;

  /* bordures et rayons */
  --bw: 1px;
  --r-1: 2px;
  --r-2: 3px;
  --r-3: 4px;

  /* gabarit */
  --nav-w: 216px;
  --nav-w-collapsed: 48px;
  --topbar-h: 40px;
  --statusbar-h: 24px;
  --row-h: 28px;
  --panel-w: 440px;

  --dur: 120ms;
}

/* ---------- thème clair (défaut) ---------- */
:root,
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f5f7;
  --surface: #ffffff;
  --surface-2: #eef0f3;
  --surface-hover: #e7eaee;
  --surface-selected: #e3eaf5;
  --border: #d8dce2;
  --border-strong: #b9c0c9;
  --text: #16191d;
  --text-2: #454c56;
  --text-3: #5f6873;
  --accent: #2b5797;
  --accent-text: #ffffff;
  --danger-text: #ffffff;
  --focus: #2b5797;
  --backdrop: rgba(22, 25, 29, .35);

  /* états métier : seules couleurs vives de l'interface */
  --st-online: #17703a;     /* en ligne / en service */
  --st-late: #9a4d00;       /* retard */
  --st-early: #0a6a7a;      /* avance */
  --st-incident: #b42318;   /* incident */
  --st-off: #5f6873;        /* hors service */
  --st-online-bg: #e6f2ea;
  --st-late-bg: #f7ecdf;
  --st-early-bg: #e1f0f2;
  --st-incident-bg: #f8e5e3;
  --st-off-bg: #eceef1;

  /* carte */
  --map-bg: #eceef1;
  --map-road: #ffffff;
  --map-road-casing: #a9b1bb;
  --map-rail: #8a929c;
  --map-stop: #454c56;
  --map-osm-opacity: .55;
}

/* ---------- thème sombre ---------- */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #111315;
  --surface: #17191c;
  --surface-2: #1e2125;
  --surface-hover: #24282d;
  --surface-selected: #1f2a3a;
  --border: #2b3036;
  --border-strong: #3c434b;
  --text: #e4e6e9;
  --text-2: #b3b9c1;
  --text-3: #8e96a0;
  --accent: #8fb0e6;
  --accent-text: #111315;
  --danger-text: #111315;
  --focus: #8fb0e6;
  --backdrop: rgba(0, 0, 0, .55);

  --st-online: #4cc27a;
  --st-late: #e5a04d;
  --st-early: #4fc3d4;
  --st-incident: #f0715f;
  --st-off: #8e96a0;
  --st-online-bg: #16291e;
  --st-late-bg: #2e2416;
  --st-early-bg: #142a2e;
  --st-incident-bg: #331b18;
  --st-off-bg: #22262b;

  --map-bg: #15181b;
  --map-road: #3f464f;
  --map-road-casing: #0b0c0e;
  --map-rail: #6d7580;
  --map-stop: #b3b9c1;
  --map-osm-opacity: .22;
}