/* GENERATED by tools/build_brand.py from brand/brand.json - do not edit. Zinvera by Zinger theme tokens. */
:root {
  --font: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  --font-mono: Consolas, "Cascadia Mono", "Courier New", monospace;
  --radius: 5px;
  --radius-lg: 8px;
  --focus-width: 2px;
  color-scheme: light;
  --bg: #FFFFFF;
  --surface: #F4F7FB;
  --surface-2: #E9EFF6;
  --text: #1F4788;
  --text-strong: #132E57;
  --text-muted: #4A5B73;
  --heading: #1F4788;
  --link: #1F4788;
  --link-hover: #132E57;
  --border: #D3DCE7;
  --border-strong: #6B7C93;
  --primary: #1E8449;
  --on-primary: #FFFFFF;
  --accent: #4ECDC4;
  --on-accent: #0B2540;
  --accent-strong: #0E7C74;
  --focus: #0E7C74;
  --sev-high: #B42318;
  --sev-high-bg: #FDECEA;
  --sev-med: #8A5A00;
  --sev-med-bg: #FDF3DC;
  --sev-low: #4A5B73;
  --sev-low-bg: #EEF2F7;
  --ok: #176B3A;
  --ok-bg: #E6F4EC;
  --chip-estimate: #8A5A00;
  --chip-verify: #8A5A00;
  --chip-assumed: #4A5B73;
  --mock: #5B6B80;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0F1B2D;
    --surface: #16253B;
    --surface-2: #1D2F49;
    --text: #E6EDF5;
    --text-strong: #FFFFFF;
    --text-muted: #A9B6C8;
    --heading: #B9CDF0;
    --link: #4ECDC4;
    --link-hover: #8BE3DC;
    --border: #2C3D57;
    --border-strong: #7D8EA6;
    --primary: #1E8449;
    --on-primary: #FFFFFF;
    --accent: #4ECDC4;
    --on-accent: #0B2540;
    --accent-strong: #4ECDC4;
    --focus: #4ECDC4;
    --sev-high: #FF8A80;
    --sev-high-bg: #3A1D22;
    --sev-med: #F2C14E;
    --sev-med-bg: #3A2F17;
    --sev-low: #A9B6C8;
    --sev-low-bg: #1D2F49;
    --ok: #4CC07E;
    --ok-bg: #163626;
    --chip-estimate: #F2C14E;
    --chip-verify: #F2C14E;
    --chip-assumed: #A9B6C8;
    --mock: #8C9BB0;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0F1B2D;
  --surface: #16253B;
  --surface-2: #1D2F49;
  --text: #E6EDF5;
  --text-strong: #FFFFFF;
  --text-muted: #A9B6C8;
  --heading: #B9CDF0;
  --link: #4ECDC4;
  --link-hover: #8BE3DC;
  --border: #2C3D57;
  --border-strong: #7D8EA6;
  --primary: #1E8449;
  --on-primary: #FFFFFF;
  --accent: #4ECDC4;
  --on-accent: #0B2540;
  --accent-strong: #4ECDC4;
  --focus: #4ECDC4;
  --sev-high: #FF8A80;
  --sev-high-bg: #3A1D22;
  --sev-med: #F2C14E;
  --sev-med-bg: #3A2F17;
  --sev-low: #A9B6C8;
  --sev-low-bg: #1D2F49;
  --ok: #4CC07E;
  --ok-bg: #163626;
  --chip-estimate: #F2C14E;
  --chip-verify: #F2C14E;
  --chip-assumed: #A9B6C8;
  --mock: #8C9BB0;
}
html, body { background: var(--bg); color: var(--text); font-family: var(--font); }
body { margin: 0; font-variant-numeric: tabular-nums; }
h1, h2, h3, h4 { color: var(--heading); }
a { color: var(--link); text-decoration: underline; }
a:hover { color: var(--link-hover); }
:focus-visible { outline: var(--focus-width) solid var(--focus); outline-offset: 2px; }