:root {
  /* Primary Colors */
  --primary-color: #f6a400;
  --primary-hover: #ffb733;
  --primary-light: #ffcf70;
  
  /* Secondary Colors */
  --secondary-color: #00122c;
  --secondary-light: #4da3ff;
  
  /* Neutral Colors */
  --white: #ffffff;
  --light-gray: #f4f6f8;
  --medium-gray: #e0e0e0;
  --gray: #d0d0d0;
  --dark-gray: #aaaaaa;
  --text-dark: #111111;
  --text-medium: #222222;
  --text-light: #444444;
  
  /* Semantic Colors */
  --background-color: var(--light-gray);
  --card-background: var(--white);
  --footer-background: var(--secondary-color);
  --footer-text: var(--medium-gray);
  
  /* Overlay Colors */
  --overlay-dark: rgba(0, 0, 0, 0.6);
  --overlay-blue: rgba(0, 18, 44, 0.98);
  
  /* Shadow Colors */
  --shadow-color: rgba(0, 0, 0, 0.08);
  
  /* Border Radius */
  --border-radius-sm: 12px;
  --border-radius-md: 20px;
  --border-radius-lg: 24px;
  --border-radius-xl: 30px;
}