/* Design tokens — UI-SPECIFICATION.md §A2–A4.
   No external fonts or assets: the railway network may be air-gapped. */
:root {
  /* palette */
  --navy: #0f1b3d;
  --navy-2: #16264f;
  --accent: #2f6fed;
  --accent-2: #2559c4;
  --danger: #c1121f;
  --danger-2: #8b0d17;
  --ok: #1b8a5a;
  --warn: #b9770a;
  --orange: #e07000;
  --spare: #2f6fed;

  --bg: #eef1f6;
  --card: #ffffff;
  --line: #e2e6ee;
  --text: #1a2233;
  --muted: #6b7385;

  /* duty status backgrounds */
  --ok-bg: #d8f3dc;
  --warn-bg: #fdf0d5;
  --orange-bg: #ffe8cc;
  --spare-bg: #e5e9f5;
  --danger-bg: #ffd6d6;

  /* alarm types */
  --art-bg: #fdf0d5;      --art-fg: #8a5a00;
  --sprmv-bg: #ffdbdb;    --sprmv-fg: #a4161a;
  --combined-bg: #ffd0d0; --combined-fg: #8b0d17;
  --test-bg: #e5e9f5;     --test-fg: #37477a;

  /* shape */
  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 1px 3px rgba(16, 27, 61, .08), 0 8px 24px rgba(16, 27, 61, .06);
  --shadow-lg: 0 10px 40px rgba(16, 27, 61, .18);

  /* spacing scale */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px;

  /* typography */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --fs-display: 30px;
  --fs-h1: 22px;
  --fs-h2: 18px;
  --fs-h3: 13px;
  --fs-body: 15px;
  --fs-small: 13px;

  --sidebar-w: 236px;
  --header-h: 56px;
}
