/* Generated from web/theme/tokens.json. Do not edit. */
:root {
  --color-accent: #3ddc97;
  --color-accent-dim: #1f8f62;
  --color-alarm: #ff5d5d;
  --color-banner-past-due-bg: #3a2e12;
  --color-banner-past-due-text: #f6d48a;
  --color-banner-restricted-bg: #3d1616;
  --color-banner-restricted-text: #ffb4b4;
  --color-banner-shutoff-bg: #4a1c08;
  --color-banner-shutoff-text: #ffc49a;
  --color-bg: #0c1218;
  --color-bg-elevated: #111922;
  --color-focus: #6cb6ff;
  --color-info: #6cb6ff;
  --color-input-bg: #0c1218;
  --color-line: #2b3e52;
  --color-line-strong: #3d5670;
  --color-ok: #3ddc97;
  --color-on-accent: #042117;
  --color-on-alarm: #2a0707;
  --color-on-warning: #2a1d04;
  --color-panel: #172230;
  --color-panel-raised: #1d2c3d;
  --color-text: #e7eef6;
  --color-text-dim: #6d8296;
  --color-text-muted: #93a6b8;
  --color-warning: #f0b429;
  --font-family-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-family-ui: "Segoe UI", "Helvetica Neue", sans-serif;
  --font-line-body: 1.45;
  --font-line-tight: 1.15;
  --font-size-display: 48px;
  --font-size-lg: 20px;
  --font-size-md: 16px;
  --font-size-sm: 13px;
  --font-size-xl: 28px;
  --font-size-xs: 12px;
  --font-weight-bold: 700;
  --font-weight-medium: 600;
  --font-weight-regular: 400;
  --radius-lg: 16px;
  --radius-md: 10px;
  --radius-none: 0px;
  --radius-pill: 999px;
  --radius-sm: 6px;
  --space-0: 0px;
  --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-card: 280px;
  --space-content: 720px;
  --space-control: 44px;
  --space-form: 440px;
  --space-hairline: 1px;
  --space-header: 64px;
  --space-nav: 220px;
}