/* CSS custom properties — the single source of truth for all design tokens */
:root {
  --color-primary:   #2563eb;
  --color-secondary: #1e40af;
  --color-accent:    #f59e0b;
  --color-text:      #1f2937;
  --color-light:     #f9fafb;
  --color-white:     #ffffff;
  --color-border:    #e5e7eb;
  --color-muted:     #6b7280;
  --color-success:   #10b981;
  --color-danger:    #ef4444;
  --color-warning:   #f59e0b;
  --color-section-dark:       #0f172a;
  --color-section-mid:        #1e3a8a;
  --color-section-text-light: #e2e8f0;

  --font-main: 'Inter', sans-serif;
  --font-size-xs:   0.75rem;
  --font-size-sm:   0.875rem;
  --font-size-base: 1rem;
  --font-size-lg:   1.125rem;
  --font-size-xl:   1.5rem;
  --font-size-2xl:  2rem;
  --font-size-3xl:  2.75rem;

  --radius:    8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --shadow:    0 2px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);

  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 5rem;

  --transition: 180ms ease;
  --container-max:    1200px;
  --container-narrow: 640px;
  --nav-height:       64px;
  --chat-btn-size:    56px;
}