/* Generated from design/tokens.json by portal.design_tokens. Don't edit by hand. */
@font-face { font-family: "Public Sans"; src: url("fonts/PublicSans-Variable.woff2") format("woff2"); font-weight: 400 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Public Sans"; src: url("fonts/PublicSans-Italic-Variable.woff2") format("woff2"); font-weight: 400 800; font-style: italic; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("fonts/IBMPlexMono-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("fonts/IBMPlexMono-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
:root {
  --paper: #f9f8f6;
  --surface: #ffffff;
  --surface-sunk: #efece6;
  --line: #e2dfd9;
  --line-strong: #8a8478;
  --ink: #1a1c1b;
  --ink-muted: #40484a;
  --petrol: #0d4d54;
  --petrol-strong: #083338;
  --on-petrol: #ffffff;
  --petrol-soft: #e6f0f1;
  --amber: #d97706;
  --amber-hover: #c76b05;
  --on-amber: #1c1400;
  --amber-soft: #fef3c7;
  --amber-ink: #92400e;
  --focus: #b45309;
  --go: #065f46;
  --go-soft: #ecfdf5;
  --go-line: #a7f3d0;
  --wait: #92400e;
  --wait-soft: #fffbeb;
  --wait-line: #fde68a;
  --stop: #991b1b;
  --stop-soft: #fef2f2;
  --stop-line: #fecaca;
  --info: #1e40af;
  --info-soft: #eff6ff;
  --info-line: #bfdbfe;
  --shadow-raised: none;
  --shadow-overlay: 0 4px 16px -2px rgba(13,77,84,0.08), 0 2px 6px -1px rgba(0,0,0,0.04);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --font-sans: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  --paper: #101615;
  --surface: #182120;
  --surface-sunk: #212b2a;
  --line: #2d3938;
  --line-strong: #6f7c7b;
  --ink: #e8ecea;
  --ink-muted: #a7b1af;
  --petrol: #86bdc4;
  --petrol-strong: #b4ecf4;
  --on-petrol: #00353b;
  --petrol-soft: #12363b;
  --amber: #f0a43a;
  --amber-hover: #f6b65c;
  --amber-soft: #3a2a10;
  --amber-ink: #f6c98a;
  --focus: #f0a43a;
  --go: #7fd8a6;
  --go-soft: #12301f;
  --go-line: #1f5a3a;
  --wait: #f4c56b;
  --wait-soft: #352a0f;
  --wait-line: #6b5216;
  --stop: #f4a39a;
  --stop-soft: #3a1716;
  --stop-line: #6e2a25;
  --info: #9bbcf5;
  --info-soft: #14233f;
  --info-line: #2b4a80;
  --shadow-overlay: 0 8px 28px rgba(0,0,0,0.6);
  color-scheme: dark;
}
}
:root[data-theme="dark"] {
  --paper: #101615;
  --surface: #182120;
  --surface-sunk: #212b2a;
  --line: #2d3938;
  --line-strong: #6f7c7b;
  --ink: #e8ecea;
  --ink-muted: #a7b1af;
  --petrol: #86bdc4;
  --petrol-strong: #b4ecf4;
  --on-petrol: #00353b;
  --petrol-soft: #12363b;
  --amber: #f0a43a;
  --amber-hover: #f6b65c;
  --amber-soft: #3a2a10;
  --amber-ink: #f6c98a;
  --focus: #f0a43a;
  --go: #7fd8a6;
  --go-soft: #12301f;
  --go-line: #1f5a3a;
  --wait: #f4c56b;
  --wait-soft: #352a0f;
  --wait-line: #6b5216;
  --stop: #f4a39a;
  --stop-soft: #3a1716;
  --stop-line: #6e2a25;
  --info: #9bbcf5;
  --info-soft: #14233f;
  --info-line: #2b4a80;
  --shadow-overlay: 0 8px 28px rgba(0,0,0,0.6);
  color-scheme: dark;
}