:root {
  --color-primary: #003070;
  --color-primary-medium: #0070b0;
  --color-accent: #e02020;
  --color-accent-dark: #c81020;
  --color-white: #ffffff;
  --color-gray-light: #f3f5f7;
  --color-gray-medium: #6b7280;
  --color-dark: #101828;

  --font-heading: 'Montserrat', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

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

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --shadow-soft: 0 4px 20px rgba(16, 24, 40, 0.06);
  --shadow-card: 0 8px 30px rgba(0, 48, 112, 0.08);

  --bp-sm: 390px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-xxl: 1440px;

  --header-h: 64px;
  --touch-min: 44px;
  --container: 1120px;
  --transition: 0.2s ease;
}