/* Generated from data/design-tokens.json; do not edit directly */
:root{
  --color-primitive-amber: #ffd38b;
  --color-amber: #ffd38b;
  --color-primitive-cyan: #7de0e2;
  --color-cyan: #7de0e2;
  --color-primitive-electric: #38d8ff;
  --color-electric: #38d8ff;
  --color-primitive-green: #a0edb9;
  --color-green: #a0edb9;
  --color-primitive-ink: #0c1d29;
  --color-ink: #0c1d29;
  --color-primitive-line: #365b67;
  --color-line: #365b67;
  --color-primitive-muted: #a9c2c9;
  --color-muted: #a9c2c9;
  --color-primitive-navy: #105082;
  --color-navy: #105082;
  --color-primitive-panel: #132b38;
  --color-panel: #132b38;
  --color-primitive-panelRaised: #193745;
  --color-panelRaised: #193745;
  --color-primitive-paper: #f0f6f6;
  --color-paper: #f0f6f6;
  --color-primitive-pink: #f344d0;
  --color-pink: #f344d0;
  --color-primitive-red: #eb100f;
  --color-red: #eb100f;
  --color-primitive-teal700: #276f70;
  --color-teal700: #276f70;
  --color-primitive-teal900: #205b5c;
  --color-teal900: #205b5c;
  --color-primitive-white: #ffffff;
  --color-white: #ffffff;
  --color-semantic-accent: #7de0e2;
  --semantic-accent: #7de0e2;
  --color-semantic-accentAlt: #f344d0;
  --semantic-accentAlt: #f344d0;
  --color-semantic-actionText: #0c1d29;
  --semantic-actionText: #0c1d29;
  --color-semantic-bg: #0c1d29;
  --semantic-bg: #0c1d29;
  --color-semantic-border: #365b67;
  --semantic-border: #365b67;
  --color-semantic-danger: #eb100f;
  --semantic-danger: #eb100f;
  --color-semantic-focus: #38d8ff;
  --semantic-focus: #38d8ff;
  --color-semantic-success: #a0edb9;
  --semantic-success: #a0edb9;
  --color-semantic-surface: #132b38;
  --semantic-surface: #132b38;
  --color-semantic-surfaceElevated: #193745;
  --semantic-surfaceElevated: #193745;
  --color-semantic-text: #ffffff;
  --semantic-text: #ffffff;
  --color-semantic-textMuted: #a9c2c9;
  --semantic-textMuted: #a9c2c9;
  --color-semantic-warning: #ffd38b;
  --semantic-warning: #ffd38b;
  --component-button-height: 48px;
  --component-button-radius: 6px;
  --component-field-height: 48px;
  --font-family-body: Montserrat,Inter,Arial,sans-serif;
  --font-family-display: Mohave,Impact,Arial Narrow,sans-serif;
  --font-family-mono: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --layout-maxWidth: 1280px;
  --layout-readingWidth: 720px;
  --motion-duration-fast: 120ms;
  --motion-duration-normal: 220ms;
  --motion-duration-slow: 440ms;
  --motion-easing-exit: cubic-bezier(0.4, 0.0, 0.8, 0.2);
  --motion-easing-standard: cubic-bezier(0.2, 0.7, 0.2, 1.0);
  --radius-lg: 18px;
  --radius-md: 12px;
  --radius-pill: 999px;
  --radius-sm: 6px;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --stroke-focus: 2px;
  --stroke-thin: 1px;
}