/* Barlow, self-hosted (SIL OFL 1.1, see static/fonts/OFL.txt) */
@font-face { font-family: "Barlow"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/barlow-latin-400-normal.81419bf5abb5.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 500; font-style: normal; font-display: swap; src: url("../fonts/barlow-latin-500-normal.8e986e86d57e.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/barlow-latin-600-normal.a1e2a2d7d4c0.woff2") format("woff2"); }
@font-face { font-family: "Barlow Semi Condensed"; font-weight: 500; font-style: normal; font-display: swap; src: url("../fonts/barlow-semi-condensed-latin-500-normal.69988ca9d262.woff2") format("woff2"); }
@font-face { font-family: "Barlow Semi Condensed"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/barlow-semi-condensed-latin-600-normal.64a19a7cafc2.woff2") format("woff2"); }

/* Design tokens. Source of truth: docs/DESIGN.md. No raw colours outside this file. */
:root {
  --bg: #EDF0F3; --surface: #FFFFFF; --surface-2: #F5F7F9; --line: #D5DBE1;
  --ink: #1E2328; --ink-2: #5A6570; --accent: #1F3F99; --accent-ink: #FFFFFF;
  --plate-yellow: #F7C80F; --plate-ink: #111111; --plate-eu: #1F3F99; --plate-eu-ink: #FFFFFF; --plate-foreign: #FFFFFF;
  --ok: #2E7D4F; --warn: #A86A12; --danger: #C2362B;
  --type-maintenance: #2F7F7A; --type-fuel: #D0731F; --type-modification: #7B4FC0;
  --type-expense: #B83F6E; --type-inspection: #1F3F99;
  /* Chart fills: validated categorical palette (docs/DESIGN.md, Charts) */
  --chart-fuel: #EB6834; --chart-maintenance: #1BAF7A; --chart-modification: #4A3AA7; --chart-expense: #E87BA4;
  --card-shadow: 0 1px 2px rgba(30, 35, 40, .06); --menu-shadow: 0 6px 20px rgba(30, 35, 40, .12); --backdrop: rgba(23, 27, 32, .45);

  --font: "Barlow", system-ui, sans-serif;
  --font-cond: "Barlow Semi Condensed", "Barlow", system-ui, sans-serif;
  --fs-xs: .8rem; --fs-sm: .9rem; --fs-md: 1rem; --fs-lg: 1.25rem; --fs-xl: 1.56rem; --fs-stat: 2rem;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;
  --gutter: 16px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #171B20; --surface: #20252C; --surface-2: #272D35; --line: #353C46;
    --ink: #E6E9ED; --ink-2: #A3ADB8; --accent: #7C9BEA; --accent-ink: #0F1A3A;
    --ok: #5CC28A; --warn: #E0A84A; --danger: #F07368;
    --type-maintenance: #5BB8B1; --type-fuel: #F0A060; --type-modification: #AE8CEB;
    --type-expense: #E07CA4; --type-inspection: #7C9BEA;
    --chart-fuel: #D95926; --chart-maintenance: #199E70; --chart-modification: #9085E9; --chart-expense: #D55181;
    --card-shadow: none; --menu-shadow: 0 6px 20px rgba(0, 0, 0, .45); --backdrop: rgba(0, 0, 0, .6);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #171B20; --surface: #20252C; --surface-2: #272D35; --line: #353C46;
  --ink: #E6E9ED; --ink-2: #A3ADB8; --accent: #7C9BEA; --accent-ink: #0F1A3A;
  --ok: #5CC28A; --warn: #E0A84A; --danger: #F07368;
  --type-maintenance: #5BB8B1; --type-fuel: #F0A060; --type-modification: #AE8CEB;
  --type-expense: #E07CA4; --type-inspection: #7C9BEA;
    --chart-fuel: #D95926; --chart-maintenance: #199E70; --chart-modification: #9085E9; --chart-expense: #D55181;
  --card-shadow: none; --menu-shadow: 0 6px 20px rgba(0, 0, 0, .45); --backdrop: rgba(0, 0, 0, .6);
  color-scheme: dark;
}
@media (min-width: 768px) { :root { --gutter: 24px; } }