/* Jetons de design : couleurs (clair / sombre), rayons, ombres, polices. */

:root {
  --bg: #f6f7f9; --surface: #ffffff; --surface-2: #f1f3f5; --text: #0f172a; --muted: #475569; --faint: #64748b;
  --border: #e4e7eb; --border-strong: #cbd2da;
  --primary: #1e3a5f; --primary-hover: #17304f; --on-primary: #ffffff; --focus: #2563eb;
  --ok: #047857; --ok-bg: #ecfdf5; --warn: #b45309; --warn-bg: #fffbeb; --bad: #b91c1c; --bad-bg: #fef2f2;
  --none: #64748b; --none-bg: #f1f5f9; --diff-bg: #fff7e0;
  --radius: 12px; --radius-sm: 8px;
  --shadow: 0 1px 2px rgb(15 23 42 / 0.05), 0 1px 3px rgb(15 23 42 / 0.06);
  --font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0b1120; --surface: #111827; --surface-2: #1a2232; --text: #e5e7eb; --muted: #a1a9b6; --faint: #8b94a3;
    --border: #222b3a; --border-strong: #334155;
    --primary: #2563eb; --primary-hover: #1d4ed8; --on-primary: #ffffff; --focus: #60a5fa;
    --ok: #34d399; --ok-bg: #0d2b22; --warn: #fbbf24; --warn-bg: #2d2410; --bad: #f87171; --bad-bg: #321717;
    --none: #a1a9b6; --none-bg: #1a2232; --diff-bg: #2d2610;
    --shadow: none;
  }
}