/* SYZE Enviro Solutions - generated from the design system tokens.json */
:root, [data-theme="dark"] {
  --brand-navy: #102036;
  --brand-steel: #3682ae;
  --brand-grey: #a5b2ba;
  --brand-cyan: #29a3dc;
  --chrome-bg: #0c1323;
  --chrome-raised: #162238;
  --chrome-line: #26344d;
  --chrome-ink: #e9eef5;
  --chrome-ink-muted: #a3b0c4;
  --chrome-ok: #3ccf8e;
  --surface: #111a2c;
  --surface-raised: #1a2540;
  --surface-sunken: #0c1323;
  --line: #2a3850;
  --line-strong: #6b7b95;
  --ink: #e9eef5;
  --ink-muted: #a3b0c4;
  --tile: #ffffff;
  --tile-ink: #0e2235;
  --tile-ink-muted: #5d7184;
  --tile-line: #e3e9f0;
  --tile-off: #232d40;
  --tile-off-ink: #8f9cb3;
  --action: #2c6f9c;
  --action-pressed: #215a80;
  --on-action: #ffffff;
  --focus: #5cb8f5;
  --ok: #1a8a55;
  --ok-ink: #13774a;
  --ok-bright: #3ccf8e;
  --warn: #c98500;
  --on-warn: #1a1408;
  --warn-ink: #8a5a00;
  --warn-bright: #f5b84a;
  --alarm: #c8382e;
  --alarm-ink: #c8382e;
  --alarm-bright: #ff6b5e;
  --service: #1f6fb5;
  --service-bright: #5cb8f5;
  --idle: #6b7b95;
  --paper-line: #dde5ed;
  --paper-tint: #f3f8fd;
  --chart-1: #5aa7d6;
  --chart-2: #8b72d9;
  --chart-3: #2fb3a3;
  --chart-4: #d77ab0;
  --chart-5: #b8925a;
  --shadow-dialog: 0 16px 40px rgba(0,0,0,0.45);
  --shadow-card: none;
  color-scheme: dark;
}
[data-theme="light"] {
  --brand-navy: #102036;
  --brand-steel: #3682ae;
  --brand-grey: #a5b2ba;
  --brand-cyan: #29a3dc;
  --chrome-bg: #0c1323;
  --chrome-raised: #162238;
  --chrome-line: #26344d;
  --chrome-ink: #e9eef5;
  --chrome-ink-muted: #a3b0c4;
  --chrome-ok: #3ccf8e;
  --surface: #f5f8fb;
  --surface-raised: #ffffff;
  --surface-sunken: #e9eff5;
  --line: #dde5ed;
  --line-strong: #7d8da3;
  --ink: #0e2235;
  --ink-muted: #5d7184;
  --tile: #ffffff;
  --tile-ink: #0e2235;
  --tile-ink-muted: #5d7184;
  --tile-line: #e3e9f0;
  --tile-off: #232d40;
  --tile-off-ink: #8f9cb3;
  --action: #2c6f9c;
  --action-pressed: #215a80;
  --on-action: #ffffff;
  --focus: #1f6fb5;
  --ok: #1a8a55;
  --ok-ink: #13774a;
  --ok-bright: #13774a;
  --warn: #c98500;
  --on-warn: #1a1408;
  --warn-ink: #8a5a00;
  --warn-bright: #8a5a00;
  --alarm: #c8382e;
  --alarm-ink: #c8382e;
  --alarm-bright: #c8382e;
  --service: #1f6fb5;
  --service-bright: #1f6fb5;
  --idle: #7d8da3;
  --paper-line: #dde5ed;
  --paper-tint: #f3f8fd;
  --chart-1: #3682ae;
  --chart-2: #7a5cc4;
  --chart-3: #1b998b;
  --chart-4: #c05a95;
  --chart-5: #8d6e3f;
  --shadow-card: 0 1px 2px rgba(11,37,64,0.06), 0 4px 14px rgba(11,37,64,0.06);
  color-scheme: light;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --touch-min: 56px;
  --rail-w: 80px;
  --bar-h: 48px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --font-sans: "Barlow", "Segoe UI", system-ui, sans-serif;
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-mono: "DejaVu Sans Mono", ui-monospace, Menlo, monospace;
}
@font-face { font-family: "Barlow"; src: url("/static/fonts/barlow-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("/static/fonts/barlow-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("/static/fonts/barlow-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("/static/fonts/barlow-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("/static/fonts/barlow-condensed-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("/static/fonts/barlow-condensed-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-display: swap; }