/* Telemetry design tokens — generated from tokens.json. Themes: dark, light (default: dark).
   Switch theme with <html data-theme="light">. */
:root, [data-theme="dark"] {
  --void: #050a12;
  --hull: #0a121e;
  --hull-raised: #0f1a29;
  --well: #060c16;
  --grid: #102033;
  --line: #1f3346;
  --line-strong: #4d6d86;
  --ink: #dce9f3;
  --ink-dim: #8aa3b7;
  --cyan: #5ce1ff;
  --cyan-wash: #5ce1ff1a;
  --amber: #ffb547;
  --amber-wash: #ffb5471a;
  --red: #ff5c63;
  --red-wash: #ff5c631f;
  --on-signal: #04121b;
  --scrim: #02050acc;
  --shadow-panel: inset 0 1px 0 #ffffff0a, 0 18px 40px -24px #000000;
  --shadow-raised: inset 0 1px 0 #ffffff0f, 0 22px 48px -18px #000000e6;
  --shadow-modal: inset 0 1px 0 #ffffff12, 0 40px 90px -30px #000000;
  --shadow-glow: 0 0 0 1px #5ce1ff59, 0 0 22px -6px #5ce1ff8c;
  --shadow-focus: 0 0 0 2px #050a12, 0 0 0 3px #5ce1ff;
  color-scheme: dark;
}
[data-theme="light"] {
  --void: #e4e8eb;
  --hull: #f2f4f5;
  --hull-raised: #fbfcfc;
  --well: #dadfe3;
  --grid: #cfd6dc;
  --line: #b4bfc8;
  --line-strong: #6b7c8a;
  --ink: #0b1823;
  --ink-dim: #475a6a;
  --cyan: #006580;
  --cyan-wash: #0065801a;
  --amber: #8f5400;
  --amber-wash: #b36a001a;
  --red: #bb1f2a;
  --red-wash: #bb1f2a14;
  --on-signal: #ffffff;
  --scrim: #1a2a36a6;
  --shadow-panel: inset 0 1px 0 #ffffff, 0 14px 30px -22px #1b2a3666;
  --shadow-raised: inset 0 1px 0 #ffffff, 0 18px 40px -16px #1b2a3680;
  --shadow-modal: inset 0 1px 0 #ffffff, 0 36px 80px -28px #1b2a36a6;
  --shadow-glow: 0 0 0 1px #00658059, 0 0 18px -8px #00658066;
  --shadow-focus: 0 0 0 2px #f2f4f5, 0 0 0 3px #006580;
  color-scheme: light;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-0: 0px;
  --radius-xs: 2px;
  --radius-full: 9999px;
  --dur-snap: 120ms;
  --dur-quick: 200ms;
  --dur-scan: 420ms;
  --dur-boot: 640ms;
  --dur-settle: 900ms;
  --dur-sweep: 4800ms;
  --ease-servo: cubic-bezier(.2, 0, 0, 1);
  --ease-lock: cubic-bezier(.3, 1.45, .55, 1);
  --ease-scan: cubic-bezier(.65, 0, .35, 1);
  --ease-out: cubic-bezier(.4, 0, 1, 1);
  --ease-linear: linear;
  --font-display: "Oxanium", "Eurostile", "Bank Gothic", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Azeret Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --type-display-family: var(--font-display);
  --type-display-size: 64px;
  --type-display-line: 60px;
  --type-display-weight: 600;
  --type-display-tracking: -0.01em;
  --type-title-family: var(--font-display);
  --type-title-size: 32px;
  --type-title-line: 36px;
  --type-title-weight: 600;
  --type-title-tracking: 0em;
  --type-heading-family: var(--font-display);
  --type-heading-size: 15px;
  --type-heading-line: 20px;
  --type-heading-weight: 600;
  --type-heading-tracking: 0.12em;
  --type-readout-family: var(--font-mono);
  --type-readout-size: 40px;
  --type-readout-line: 44px;
  --type-readout-weight: 300;
  --type-readout-tracking: -0.02em;
  --type-body-family: var(--font-mono);
  --type-body-size: 14px;
  --type-body-line: 22px;
  --type-body-weight: 400;
  --type-small-family: var(--font-mono);
  --type-small-size: 12px;
  --type-small-line: 18px;
  --type-small-weight: 400;
  --type-label-family: var(--font-mono);
  --type-label-size: 11px;
  --type-label-line: 14px;
  --type-label-weight: 500;
  --type-label-tracking: 0.14em;
  --type-micro-family: var(--font-mono);
  --type-micro-size: 10px;
  --type-micro-line: 12px;
  --type-micro-weight: 500;
  --type-micro-tracking: 0.1em;
}
/* Type styles as utility classes (optional) */
.type-display { font-family: var(--type-display-family); font-size: var(--type-display-size); line-height: var(--type-display-line); font-weight: var(--type-display-weight); letter-spacing: var(--type-display-tracking); }
.type-title { font-family: var(--type-title-family); font-size: var(--type-title-size); line-height: var(--type-title-line); font-weight: var(--type-title-weight); letter-spacing: var(--type-title-tracking); }
.type-heading { font-family: var(--type-heading-family); font-size: var(--type-heading-size); line-height: var(--type-heading-line); font-weight: var(--type-heading-weight); letter-spacing: var(--type-heading-tracking); }
.type-readout { font-family: var(--type-readout-family); font-size: var(--type-readout-size); line-height: var(--type-readout-line); font-weight: var(--type-readout-weight); letter-spacing: var(--type-readout-tracking); }
.type-body { font-family: var(--type-body-family); font-size: var(--type-body-size); line-height: var(--type-body-line); font-weight: var(--type-body-weight); }
.type-small { font-family: var(--type-small-family); font-size: var(--type-small-size); line-height: var(--type-small-line); font-weight: var(--type-small-weight); }
.type-label { font-family: var(--type-label-family); font-size: var(--type-label-size); line-height: var(--type-label-line); font-weight: var(--type-label-weight); letter-spacing: var(--type-label-tracking); }
.type-micro { font-family: var(--type-micro-family); font-size: var(--type-micro-size); line-height: var(--type-micro-line); font-weight: var(--type-micro-weight); letter-spacing: var(--type-micro-tracking); }