/* Generated by scripts/build-tokens.js — DO NOT EDIT. */
:root {
  --color-brand-primary: #2563EB; /* Primary brand color — buttons, links, active states */
  --color-brand-primary-dark: #1D4ED8; /* Primary color hover/pressed state */
  --color-brand-primary-light: #DBEAFE; /* Primary color tint — backgrounds, selected states */
  --color-neutral-background: #F8FAFC; /* Page background */
  --color-neutral-border: #E2E8F0; /* Border and divider color */
  --color-neutral-surface: #FFFFFF; /* Card/surface background */
  --color-neutral-text: #0F172A; /* Primary text color */
  --color-neutral-text-muted: #64748B; /* Secondary/muted text color */
  --color-semantic-danger: #DC2626; /* Danger/error state */
  --color-semantic-info: #0891B2; /* Informational state */
  --color-semantic-success: #16A34A; /* Success state */
  --color-semantic-warning: #D97706; /* Warning state */
  --font-family-sans: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; /* Primary font stack */
  --font-line-height-loose: 1.75; /* Long-form text */
  --font-line-height-normal: 1.5; /* Body text */
  --font-line-height-tight: 1.25; /* Headings */
  --font-size-2xl: 24px; /* Section heading */
  --font-size-3xl: 32px; /* Page heading */
  --font-size-base: 16px; /* Default body text */
  --font-size-lg: 18px; /* Emphasized text */
  --font-size-sm: 14px; /* Secondary text */
  --font-size-xl: 20px; /* Subheading */
  --font-size-xs: 12px; /* Footnote size */
  --font-weight-bold: 700; /* Headings */
  --font-weight-medium: 500; /* Emphasis — labels, buttons */
  --font-weight-regular: 400; /* Default weight */
  --motion-duration-fast: 120ms; /* Hover states */
  --motion-duration-normal: 200ms; /* Default transitions */
  --motion-duration-slow: 350ms; /* Large transitions */
  --radius-full: 9999px; /* Pill radius — badges, avatars */
  --radius-lg: 12px; /* Large radius — cards */
  --radius-md: 8px; /* Default radius — buttons */
  --radius-sm: 4px; /* Small radius — inputs */
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.1); /* Card elevation */
  --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.15); /* Dropdowns, modals */
  --spacing-lg: 24px; /* Large gap — card padding */
  --spacing-md: 16px; /* Default gap between elements */
  --spacing-sm: 8px; /* Small gap — button padding */
  --spacing-xl: 32px; /* Section spacing */
  --spacing-xs: 4px; /* Tiny gap — icon to text */
  --spacing-xxl: 48px; /* Major section spacing */
}