/* Подвійний :root — щоб токени перемагали однойменні змінні, які оголошують сторінки модулів (--bg, --ink, --line).
   Згенеровано з дизайн-системи «Іванківська громада» (tokens.json). Не редагуйте вручну — змінюйте токени в дизайн-системі. */
:root:root, :root:root[data-theme="light"] {
  --bg: #ffffff;
  --bg-subtle: #f2f4f7;
  --bg-inverse: #0d2240;
  --ink: #111827;
  --ink-muted: #4b5565;
  --on-inverse: #ffffff;
  --on-inverse-muted: #b9c4d6;
  --line: #d9dee6;
  --line-strong: #7d8796;
  --primary: #0057b8;
  --primary-hover: #00458f;
  --on-primary: #ffffff;
  --primary-subtle: #e7f0fb;
  --accent: #ffd500;
  --on-accent: #111827;
  --focus: #0057b8;
  --success: #17703a;
  --success-subtle: #e5f3ea;
  --danger: #b42318;
  --danger-subtle: #fdecea;
  --warning: #8a5300;
  --warning-subtle: #fff3d6;
  --neutral-subtle: #eceff3;
  --alarm: #c8102e;
  --on-alarm: #ffffff;
  --success-on-inverse: #5cc483;
  --alarm-artillery: #c2410c;
  --alarm-urban: #7f1d1d;
  --shadow-raised: 0 1px 2px rgba(17,24,39,0.06), 0 2px 8px rgba(17,24,39,0.06);
}
:root:root[data-theme="dark"] {
  --bg: #0e1420;
  --bg-subtle: #151c2a;
  --bg-inverse: #060c17;
  --ink: #e8edf5;
  --ink-muted: #a9b3c3;
  --on-inverse: #e8edf5;
  --on-inverse-muted: #9aa6b8;
  --line: #2a3445;
  --line-strong: #6b778a;
  --primary: #6aa8ff;
  --primary-hover: #93c0ff;
  --on-primary: #0a1a33;
  --primary-subtle: #16294a;
  --accent: #ffd500;
  --on-accent: #111827;
  --focus: #93c0ff;
  --success: #5cc483;
  --success-subtle: #11301e;
  --danger: #ff8a7d;
  --danger-subtle: #3a1714;
  --warning: #f0bd55;
  --warning-subtle: #33270c;
  --neutral-subtle: #232c3b;
  --alarm: #c8102e;
  --on-alarm: #ffffff;
  --success-on-inverse: #5cc483;
  --alarm-artillery: #c2410c;
  --alarm-urban: #7f1d1d;
  --shadow-raised: 0 1px 2px rgba(0,0,0,0.4);
  color-scheme: dark;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --container: 1200px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 999px;
  --font-sans: "e-Ukraine", "IBM Plex Sans", system-ui, sans-serif;
  --font-head: "e-Ukraine Head", "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
}