:root {
  --color-primary: #1E5FCC;
  --color-primary-dark: #1649A3;
  --color-primary-light: #3B7AE8;
  --color-para-red: #C8102E;
  --color-para-blue: #003DA5;
  --color-white: #FFFFFF;
  --color-off-white: #F8FAFC;
  --color-gray-100: #F1F5F9;
  --color-gray-200: #E2E8F0;
  --color-gray-400: #94A3B8;
  --color-gray-600: #475569;
  --color-dark: #0F172A;
  --color-dark-soft: #1E293B;

  --font-heading: 'Outfit', sans-serif;
  --font-body: 'Source Sans 3', sans-serif;

  --header-height: 80px;
  --container-max: 1200px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.12);
  --shadow-lg: 0 16px 48px rgba(15, 23, 42, 0.18);
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}