/* Generated from styles/tokens.json. Run node scripts/export-design.mjs css. */
:root {
  --sr-color-background: #080D14;
  --sr-color-surface: #111C2A;
  --sr-color-raised: #172638;
  --sr-color-ink: #F4F7FB;
  --sr-color-muted: #BEC9D8;
  --sr-color-subtle: #93A4BA;
  --sr-color-line: #293B50;
  --sr-color-brand: #1B74BC;
  --sr-color-signal: #7CC2F5;
  --sr-color-success: #57D9AA;
  --sr-color-warning: #FFC27A;
  --sr-color-danger: #FFAAA5;
  --sr-space-1: 4px;
  --sr-space-2: 8px;
  --sr-space-3: 12px;
  --sr-space-4: 16px;
  --sr-space-5: 24px;
  --sr-space-6: 32px;
  --sr-space-7: 48px;
  --sr-space-8: 64px;
  --sr-space-9: 96px;
  --sr-space-10: 128px;
  --sr-type-xs: 12px;
  --sr-type-sm: 14px;
  --sr-type-body: 16px;
  --sr-type-lead: 20px;
  --sr-type-h3: 24px;
  --sr-type-h2: clamp(32px, 3.5vw, 52px);
  --sr-type-h1: clamp(46px, 5.8vw, 84px);
  --sr-radius-control: 10px;
  --sr-radius-card: 20px;
  --sr-radius-pill: 999px;
  --sr-font-sans: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --sr-font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}