/* Alexandria design tokens — AUTO-GENERATED from design/tokens.json (v0.1.0). Do not hand-edit.
   Design reference: typesafe.ai (see design/REFERENCE-NOTES.md). Regenerate: python3 design/generate_tokens.py */

:root {
  --alx-color-bg: #FEFEFE;
  --alx-color-surface: #FFFFFF;
  --alx-color-panel: #1E1E1E;
  --alx-color-panel-raised: #262626;
  --alx-color-ink: #1E1E1E;
  --alx-color-ink-soft: #6B6B6B;
  --alx-color-muted: #ABBAB9;
  --alx-color-rule: #E5E5E5;
  --alx-color-border: #DDDDDD;
  --alx-color-titlebar: #C4C4C4;
  --alx-color-accent: #F386A1;
  --alx-color-accent-ink: #1E1E1E;
  --alx-color-accent-soft: #FDE9EF;
  --alx-color-magenta: #D45BB6;
  --alx-color-green: #03AA5C;
  --alx-color-teal: #09AEA1;
  --alx-color-on-panel: #FEFEFE;
  --alx-color-on-panel-soft: #9A9A9A;
  --alx-font-display: 'Die Grotesk C', 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --alx-font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --alx-font-mono: 'JetBrains Mono', 'Fragment Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --alx-type-display-1-size: clamp(48px, 9.72vw, 140px);
  --alx-type-display-1-line: 0.95;
  --alx-type-display-1-tracking: -0.02em;
  --alx-type-display-1-weight: 500;
  --alx-type-display-2-size: clamp(40px, 6.53vw, 94px);
  --alx-type-display-2-line: 0.98;
  --alx-type-display-2-tracking: -0.02em;
  --alx-type-display-2-weight: 500;
  --alx-type-display-3-size: clamp(32px, 4.44vw, 64px);
  --alx-type-display-3-line: 1.0;
  --alx-type-display-3-tracking: -0.02em;
  --alx-type-display-3-weight: 500;
  --alx-type-display-4-size: clamp(26px, 2.85vw, 41px);
  --alx-type-display-4-line: 1.05;
  --alx-type-display-4-tracking: -0.01em;
  --alx-type-display-4-weight: 500;
  --alx-type-heading-size: 28px;
  --alx-type-heading-line: 1.1;
  --alx-type-heading-tracking: -0.01em;
  --alx-type-heading-weight: 500;
  --alx-type-heading-2-size: 22px;
  --alx-type-heading-2-line: 1.15;
  --alx-type-heading-2-tracking: 0.00em;
  --alx-type-heading-2-weight: 500;
  --alx-type-body-lg-size: 18px;
  --alx-type-body-lg-line: 1.5;
  --alx-type-body-lg-tracking: 0.01em;
  --alx-type-body-lg-weight: 400;
  --alx-type-body-size: 16px;
  --alx-type-body-line: 1.5;
  --alx-type-body-tracking: 0.01em;
  --alx-type-body-weight: 400;
  --alx-type-small-size: 13px;
  --alx-type-small-line: 1.45;
  --alx-type-small-tracking: 0.01em;
  --alx-type-small-weight: 400;
  --alx-type-label-size: 12px;
  --alx-type-label-line: 1.3;
  --alx-type-label-tracking: 0.06em;
  --alx-type-label-weight: 500;
  --alx-type-micro-size: 10px;
  --alx-type-micro-line: 1.3;
  --alx-type-micro-tracking: 0.05em;
  --alx-type-micro-weight: 500;
  --alx-space-1: 4px;
  --alx-space-2: 8px;
  --alx-space-3: 12px;
  --alx-space-4: 16px;
  --alx-space-5: 24px;
  --alx-space-6: 32px;
  --alx-space-7: 48px;
  --alx-space-8: 64px;
  --alx-space-9: 96px;
  --alx-space-10: 128px;
  --alx-space-container: 1200px;
  --alx-space-gutter: 24px;
  --alx-radius-none: 0px;
  --alx-radius-chip: 4px;
  --alx-motion-fast: 120ms;
  --alx-motion-base: 200ms;
}