/* Alien Science Technologies — generated from tokens.json */
:root, [data-theme="dark"] {
  --surface-000: #0f1316;
  --surface-100: #171c21;
  --surface-200: #1f262c;
  --ink: #e6f0f5;
  --ink-muted: #8e9ca8;
  --hairline: #2a343c;
  --plasma: #7ef0ff;
  --plasma-dim: #3aa3b4;
  --cobalt: #0e4ca3;
  --cobalt-bright: #046eb4;
  --acid: #a6ff2a;
  --acid-dim: #5f9a12;
  --gunmetal: #5c6a78;
  --gunmetal-deep: #3b4652;
  --signal-warn: #ffb020;
  --signal-error: #ff5c5c;
  --glow-plasma: #7ef0ff40;
  --glow-acid: #a6ff2a40;
  --glow-header: 0 0 24px #7ef0ff40;
  --glow-telemetry: 0 0 16px #a6ff2a40;
}
[data-theme="light"] {
  --surface-000: #f4f7f9;
  --surface-100: #ffffff;
  --surface-200: #e9eef2;
  --ink: #0f1316;
  --ink-muted: #4e5a65;
  --hairline: #d2dae1;
  --plasma: #0a7d90;
  --plasma-dim: #5fb9c8;
  --cobalt: #0e4ca3;
  --cobalt-bright: #046eb4;
  --acid: #3f7a00;
  --acid-dim: #7fb63a;
  --gunmetal: #6f7d8b;
  --gunmetal-deep: #9aa7b3;
  --signal-warn: #a35f00;
  --signal-error: #c02424;
  --glow-plasma: #0a7d9020;
  --glow-acid: #3f7a0020;
  --glow-header: none;
  --glow-telemetry: none;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --font-display: "Orbitron", "Audiowide", "Michroma", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-body: "Exo 2", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.display-xl { font-family: var(--font-display); font-size: 64px; line-height: 1; font-weight: 900; letter-spacing: 0.15em; text-transform: uppercase; }
.display-lg { font-family: var(--font-display); font-size: 40px; line-height: 1.05; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; }
.heading-md { font-family: var(--font-display); font-size: 24px; line-height: 1.15; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; }
.heading-sm { font-family: var(--font-display); font-size: 16px; line-height: 1.25; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; }
.button { font-family: var(--font-display); font-size: 14px; line-height: 1; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; }
.telemetry-xl { font-family: var(--font-mono); font-size: 48px; line-height: 1; font-weight: 500; font-variant-numeric: tabular-nums; }
.telemetry { font-family: var(--font-mono); font-size: 20px; line-height: 1.2; font-weight: 500; font-variant-numeric: tabular-nums; }
.formula { font-family: var(--font-mono); font-size: 16px; line-height: 1.6; font-weight: 400; font-variant-numeric: tabular-nums; }
.code { font-family: var(--font-mono); font-size: 14px; line-height: 1.6; font-weight: 400; font-variant-numeric: tabular-nums; }
.annotation { font-family: var(--font-mono); font-size: 11px; line-height: 1.3; font-weight: 400; letter-spacing: 0.04em; font-variant-numeric: tabular-nums; }
.lead { font-family: var(--font-body); font-size: 20px; line-height: 1.5; font-weight: 400; }
.body { font-family: var(--font-body); font-size: 16px; line-height: 1.6; font-weight: 400; }
.body-sm { font-family: var(--font-body); font-size: 14px; line-height: 1.5; font-weight: 400; }
.label { font-family: var(--font-body); font-size: 12px; line-height: 1.3; font-weight: 600; letter-spacing: 0.06em; }