/* GENERATED by scripts/build-tokens.mjs from brand/tokens.json — do not edit */
:root {
  --vantage-purple: #2c193e;
  --deepspace-violet: #4c2e88;
  --flare-orange: #f18721;
  --signal-amber: #f9b115;
  --eclipse-navy: #20274b;
  --breach-red: #e94c4c;
  --sonar-blue: #3c7597;
  --drift-blue: #bbd5da;
  --static-offwhite: #ede9e7;
  --surface: #2c193e;
  --surface-raised: #3a2450;
  --ink: #ede9e7;
  --ink-strong: #ffffff;
  --ink-muted: #bbd5da;
  --accent: #f18721;
  --on-accent: #2c193e;
  --rule: #ede9e729;
  --status-critical: #e94c4c;
  --status-warning: #f9b115;
  --status-active: #f18721;
  --status-normal: #3c7597;
  --status-idle: #bbd5da;
  --series-1: #f18721;
  --series-2: #3c7597;
  --series-3: #f9b115;
  --series-4: #bbd5da;
  --series-5: #e94c4c;
  --series-6: #4c2e88;
  --font-display: "Archivo Black", "Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: "Hanken Grotesk", "Avenir Next", Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 32px;
}
.t-display-xl { font-family: var(--font-display); font-size: 96px; line-height: 0.95; font-weight: 400; letter-spacing: -0.02em; }
.t-display { font-family: var(--font-display); font-size: 64px; line-height: 0.95; font-weight: 400; letter-spacing: -0.02em; }
.t-headline { font-family: var(--font-display); font-size: 48px; line-height: 1; font-weight: 400; letter-spacing: -0.01em; }
.t-headline-sm { font-family: var(--font-display); font-size: 32px; line-height: 1.1; font-weight: 400; letter-spacing: -0.01em; }
.t-subhead-heavy { font-family: var(--font-body); font-size: 24px; line-height: 1.25; font-weight: 700; }
.t-subhead-roman { font-family: var(--font-body); font-size: 20px; line-height: 1.3; font-weight: 400; }
.t-body-large { font-family: var(--font-body); font-size: 18px; line-height: 1.55; font-weight: 400; }
.t-body { font-family: var(--font-body); font-size: 16px; line-height: 1.55; font-weight: 400; }
.t-body-light { font-family: var(--font-body); font-size: 16px; line-height: 1.55; font-weight: 300; }
.t-caption { font-family: var(--font-body); font-size: 13px; line-height: 1.4; font-weight: 400; }
.t-eyebrow { font-family: var(--font-body); font-size: 12px; line-height: 1.2; font-weight: 700; letter-spacing: 0.12em; }