/* GENERATED by tools/build.py from design-system/tokens.json. Do not edit by hand. */
:root {
  /* color */
  --surface-page: #f2f5f2;
  --surface-raised: #ffffff;
  --surface-sunken: #e6ebe5;
  --surface-inset: #d9ded9;
  --border: #d6dcd6;
  --border-strong: #b8c0b8;
  --border-control: #7f8a83;
  --text: #0a0a0a;
  --text-secondary: #404843;
  --text-tertiary: #5f6b64;
  --text-inverse: #ffffff;
  --accent: #1f7a8c;
  --accent-strong: #185c69;
  --accent-subtle: #d2efe6;
  --accent-soft: #5bbfa9;
  --deep: #0f3a40;
  --signal: #367a2b;
  --signal-strong: #2b6322;
  --signal-subtle: #dcefc8;
  --detect: #c8372d;
  --detect-subtle: #fbe2df;
  --signal-fill: #6fb860;
  --viz-ok: var(--accent);
  --viz-dim: var(--accent-soft);
  --viz-a: #b5d34d;
  --viz-b: var(--deep);
  --viz-row: var(--signal-fill);
  --viz-gap: var(--surface-raised);
  --sev-none: var(--accent-soft);
  --sev-watch: #8a9a1e;
  --sev-act: var(--deep);
  --status-ok: var(--signal-fill);
  --status-watch: #c9a227;
  --status-act: var(--detect);
  --focus: var(--accent);
  /* type families */
  --font-sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  /* spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  /* radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  /* fontSize */
  --fs-2xs: 0.6875rem;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lead: 1.1875rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.5rem;
  --fs-stat: 3.25rem;
  /* letterSpacing */
  --track-display: -0.035em;
  --track-title: -0.028em;
  --track-headline: -0.022em;
  --track-tight: -0.012em;
  --track-stat: -0.03em;
  --track-label: 0.1em;
  --track-mono: 0.04em;
  /* shadow */
  --shadow-xs: 0 1px 2px rgba(15, 58, 64, 0.05);
  --shadow-sm: 0 1px 3px rgba(15, 58, 64, 0.06), 0 4px 12px -4px rgba(15, 58, 64, 0.08);
  --shadow-md: 0 2px 6px rgba(15, 58, 64, 0.05), 0 8px 24px -6px rgba(15, 58, 64, 0.10);
  --shadow-lg: 0 4px 16px -4px rgba(15, 58, 64, 0.10), 0 16px 40px -8px rgba(15, 58, 64, 0.14);
  /* layout */
  --container-max: 1200px;
  --container-narrow: 880px;
  --header-height: 64px;
  /* zIndex */
  --z-header: 100;
  --z-menu: 200;
}