:root {
  --primary: #133f95;
  --secondary: hsl(220, 96%, 22%);
  --accent: #e9c46a;
  --light: #f8f9fa;
  --dark: #212529;
  --text: #333;
  /* Primary Theme Colors */
  --color-primary: #133f95;
  /* Deep Blue — main theme color */
  --color-text: #ffffff;
  /* Text color (white) */
  --color-bg-overlay: rgba(8, 3, 0, 0.45);
  /* Dark overlay */
  --color-bg-menu: rgba(8, 3, 0, 0.85);
  /* Mobile menu background */
  --color-accent: #f8e002;
  /* Bright Yellow accent */
  --color-dark: #080300;
  /* Deep black background */
  --color-light: #ffffff;
  /* Light white background */
  --color-hero-gradient: rgba(19, 63, 149, 0.45);
  /* Hero section gradient */
  --color-logo-bg: rgba(255, 255, 255, 0.15);
  /* Light transparent logo bg */
}