/* Copy for other lines, 2026-10-03: the data-line="azg-engineering" blocks are the AZG Engineering accent. Add your line's accent to tokens.json and regenerate with make_tokens_css.py. */
/* Generated from tokens.json v2.0.0 (2026-10-03) by make_tokens_css.py. Edit tokens.json, not this file. */

:root {
  --bg: #FFFFFF;
  --surface: #F5F7FA;
  --raised: #FFFFFF;
  --line: #E2E8F0;
  --ink: #1F2937;
  --slate: #5B6B7F;
  --title: #1F3A5F;
  --navy: #1F3A5F;
  --navy-hover: #16304F;
  --on-navy: #FFFFFF;
  --button-bg: #1F3A5F;
  --button-text: #FFFFFF;
  --button-hover: #16304F;
  --focus: #9FB6D3;
  --error: #B42318;
  --warning: #7A4A00;
  --ok: #2E7D32;
  --flag-overdue-bg: #B42318;
  --flag-overdue-text: #FFFFFF;
  --flag-soon-bg: #FDE7B0;
  --flag-soon-text: #7A4A00;
  --flag-done-bg: #E3F1E4;
  --flag-done-text: #1E5E22;
  --chart-2: #1F3A5F;
  --chart-3: #77869A;
  --font-screen: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-control: 4px;
  --radius-card: 6px;
  --max-page: 1040px;
  --max-app: 1280px;
  --gutter: 16px;
  --tap: 44px;
  --size-display: 32px;
  --lh-display: 40px;
  --size-h1: 28px;
  --lh-h1: 36px;
  --size-h2: 22px;
  --lh-h2: 30px;
  --size-h3: 18px;
  --lh-h3: 26px;
  --size-lead: 17px;
  --lh-lead: 26px;
  --size-body: 16px;
  --lh-body: 26px;
  --size-caption: 14px;
  --lh-caption: 20px;
  --size-table: 14px;
  --lh-table: 20px;
  --size-label: 12px;
  --lh-label: 16px;
  --size-kpi: 32px;
  --lh-kpi: 36px;
}

@media (min-width: 481px) {
  :root {
    --size-display: 48px;
    --size-h1: 36px;
    --size-h2: 28px;
    --size-h3: 20px;
    --size-lead: 18px;
    --size-body: 16px;
    --size-caption: 14px;
    --size-table: 14px;
    --size-label: 12px;
    --size-kpi: 40px;
    --lh-display: 56px;
    --lh-h1: 44px;
    --lh-h2: 36px;
    --lh-h3: 28px;
    --lh-lead: 28px;
    --lh-body: 26px;
    --lh-caption: 20px;
    --lh-table: 20px;
    --lh-label: 16px;
    --lh-kpi: 44px;
    --gutter: 24px;
  }
}

@media (min-width: 1200px) {
  :root {
    --gutter: 32px;
  }
}

:root[data-theme="dark"] {
  --bg: #0F1722;
  --surface: #172231;
  --raised: #1E2B3C;
  --line: #2A3747;
  --ink: #E6EBF1;
  --slate: #9AA8B8;
  --title: #F3F6FA;
  --navy: #1F3A5F;
  --navy-hover: #28497A;
  --on-navy: #FFFFFF;
  --button-bg: #E6EBF1;
  --button-text: #0F1722;
  --button-hover: #FFFFFF;
  --focus: #6E8DB5;
  --error: #F97066;
  --warning: #FDB022;
  --ok: #6CCB5F;
  --chart-2: #C9D6E6;
  --chart-3: #6F8094;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0F1722;
    --surface: #172231;
    --raised: #1E2B3C;
    --line: #2A3747;
    --ink: #E6EBF1;
    --slate: #9AA8B8;
    --title: #F3F6FA;
    --navy: #1F3A5F;
    --navy-hover: #28497A;
    --on-navy: #FFFFFF;
    --button-bg: #E6EBF1;
    --button-text: #0F1722;
    --button-hover: #FFFFFF;
    --focus: #6E8DB5;
    --error: #F97066;
    --warning: #FDB022;
    --ok: #6CCB5F;
    --chart-2: #C9D6E6;
    --chart-3: #6F8094;
  }
}

:root[data-line="azg-engineering"] {
  --accent: #0F766E;
  --accent-tint: #E7F3F1;
}
:root[data-line="azg-engineering"][data-theme="dark"] {
  --accent: #2BB3A3;
  --accent-tint: #12302F;
}
@media (prefers-color-scheme: dark) {
  :root[data-line="azg-engineering"]:not([data-theme="light"]) {
    --accent: #2BB3A3;
    --accent-tint: #12302F;
  }
}

:root[data-line="hab-regime-monitor"] {
  --accent: #A1286A;
  --accent-tint: #F9EAF2;
}
:root[data-line="hab-regime-monitor"][data-theme="dark"] {
  --accent: #E57AAE;
  --accent-tint: #33182A;
}
@media (prefers-color-scheme: dark) {
  :root[data-line="hab-regime-monitor"]:not([data-theme="light"]) {
    --accent: #E57AAE;
    --accent-tint: #33182A;
  }
}

:root[data-line="option-blue"] {
  --accent: #1D5FD1;
  --accent-tint: #E8F0FC;
}
:root[data-line="option-blue"][data-theme="dark"] {
  --accent: #6CA6F5;
  --accent-tint: #15263F;
}
@media (prefers-color-scheme: dark) {
  :root[data-line="option-blue"]:not([data-theme="light"]) {
    --accent: #6CA6F5;
    --accent-tint: #15263F;
  }
}

:root[data-line="option-violet"] {
  --accent: #6941C6;
  --accent-tint: #F0ECFB;
}
:root[data-line="option-violet"][data-theme="dark"] {
  --accent: #A48CF8;
  --accent-tint: #251E3E;
}
@media (prefers-color-scheme: dark) {
  :root[data-line="option-violet"]:not([data-theme="light"]) {
    --accent: #A48CF8;
    --accent-tint: #251E3E;
  }
}

:root[data-line="option-plum"] {
  --accent: #A1286A;
  --accent-tint: #F9EAF2;
}
:root[data-line="option-plum"][data-theme="dark"] {
  --accent: #E57AAE;
  --accent-tint: #33182A;
}
@media (prefers-color-scheme: dark) {
  :root[data-line="option-plum"]:not([data-theme="light"]) {
    --accent: #E57AAE;
    --accent-tint: #33182A;
  }
}