:root {
  --color-primary: #0D335D;
  --color-secondary: #0D335D;
  --color-text: #333333;
  --color-heading: #0D335D;
  --color-accent: #F58E33;
  --color-accent-dark: #E07A1F;
  --color-white: #ffffff;
  --color-gray-100: #f5f7fa;
  --color-gray-200: #e8ecf1;
  --color-gray-300: #d1d9e0;
  --color-gray-500: #6b7280;
  --color-gray-700: #444444;

  --font-primary: 'Poppins', sans-serif;
  --font-secondary: 'Manrope', sans-serif;

  --container-max: 1100px;
  --container-narrow: 960px;
  --container-padding-x: clamp(24px, 5vw, 56px);
  --header-height: 80px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 30px;
  --shadow-sm: 0 2px 8px rgba(13, 51, 93, 0.08);
  --shadow-md: 0 4px 20px rgba(13, 51, 93, 0.12);
  --shadow-lg: 0 8px 40px rgba(13, 51, 93, 0.15);
  --transition: 0.3s ease;
}