/* Generated by design/build.ts from design/project/tokens.json. Do not edit. */
:root, [data-theme="signal"] {
  --ground: #d4ff00;
  --ground-sunk: #c4ee00;
  --ink: #0a0a0a;
  --ink-muted: #3f4a00;
  --ink-faint: #6b7d00;
  --invert-ground: var(--ink);
  --invert-ink: var(--ground);
  --up: var(--ink);
  --down: #c2002f;
  --focus: var(--ink);
}
[data-theme="night"] {
  --ground: #0b0c07;
  --ground-sunk: #171b09;
  --ink: #d4ff00;
  --ink-muted: #9fbf00;
  --ink-faint: #5f7300;
  --down: #f03a5f;
  --invert-ground: var(--ink);
  --invert-ink: var(--ground);
  --up: var(--ink);
  --focus: var(--ink);
  color-scheme: dark;
}
: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;
  --rule-weight: 2px;
  --focus-weight: 2px;
  --dot-pitch: 8px;
  --scan-hero: -40;
  --scan-title: -20;
  --font-display: "Sixtyfour", "VT323", ui-monospace, monospace;
  --font-mono: "VT323", ui-monospace, Menlo, monospace;
}
.type-hero {
  font-family: var(--font-display);
  font-size: 88px;
  line-height: 0.95;
  font-weight: 400;
}
.type-title {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1;
  font-weight: 400;
}
.type-readout {
  font-family: var(--font-mono);
  font-size: 40px;
  line-height: 1;
  font-weight: 400;
}
.type-heading {
  font-family: var(--font-mono);
  font-size: 28px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.type-body {
  font-family: var(--font-mono);
  font-size: 22px;
  line-height: 1.15;
  font-weight: 400;
}
.type-label {
  font-family: var(--font-mono);
  font-size: 18px;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: 0.06em;
}
.type-micro {
  font-family: var(--font-mono);
  font-size: 16px;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: 0.04em;
}