:root {
  --color-background: #f5f7fa;
  --color-surface: #ffffff;
  --color-surface-alt: #f8fbff;
  --color-text: #0f172a;
  --color-text-muted: #5b6472;
  --color-accent: #0057b8;
  --color-accent-strong: #0a2f6b;
  --color-accent-soft: rgba(0, 87, 184, 0.12);
  --color-border: rgba(10, 47, 107, 0.12);
  --color-success: #2c6f4f;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.5rem;
  --spacing-6: 2rem;
  --spacing-7: 3rem;
  --spacing-8: 5rem;
  --spacing-9: 6rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.9rem;
  --radius-lg: 1.25rem;
  --radius-xl: 1.75rem;
  --shadow-sm: 0 10px 30px rgba(11, 20, 36, 0.08);
  --shadow-md: 0 20px 45px rgba(11, 20, 36, 0.12);
  --container-width: min(1280px, calc(100% - 2rem));
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.95rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: clamp(2rem, 4vw, 3.25rem);
  --font-size-3xl: clamp(2.75rem, 5vw, 4.25rem);
}