/* Auto-generated from design tokens — do not edit manually */
:root {
  --color-primary-50: #EEF2FF;
  --color-primary-500: #6366F1;
  --color-primary-600: #4F46E5;
  --color-primary: #6366F1;
  --color-primary-hover: #4F46E5;
  --color-background-dark: #0F172A;
  --color-background-light: #FFFFFF;
  --color-text-primary: {'system': 'auto', 'dark': '#F8FAFC', 'light': '#0F172A'};
  --color-semantic-error: #EF4444;
  --color-semantic-warning: #F59E0B;
  --color-semantic-success: #22C55E;
  --color-semantic-info: #3B82F6;
  --font-primary: Inter, system-ui, sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
}