:root {
  /* Brand Colors */
  --color-primary: #0D2137;
  --color-primary-dark: #091829;
  --color-primary-darker: #061220;
  --color-accent: #C41E1E;
  --color-accent-light: #E02828;
  --color-accent-glow: rgba(196, 30, 30, 0.4);
  --color-accent-dark: #A01818;

  /* Neutrals */
  --color-bg: #0D2137;
  --color-bg-alt: #0F2640;
  --color-bg-section: #0B1D30;
  --color-bg-card: rgba(255, 255, 255, 0.04);
  --color-text: #F0EDE8;
  --color-text-muted: #9B97A0;
  --color-text-dim: #6B6870;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-light: rgba(255, 255, 255, 0.15);

  /* Typography */
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Spacing */
  --section-padding: 120px 0;
  --container-width: 1200px;
  --container-padding: 0 24px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-full: 50%;

  /* Shadows & Glows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.5);
  --glow-accent: 0 0 30px rgba(196, 30, 30, 0.3), 0 0 60px rgba(196, 30, 30, 0.1);
  --glow-accent-sm: 0 0 15px rgba(196, 30, 30, 0.25);

  /* Transitions */
  --transition-fast: 0.25s ease;
  --transition-med: 0.4s ease;
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);

  /* Z-index */
  --z-nav: 1000;
  --z-overlay: 999;
  --z-hero-overlay: 1;
  --z-hero-content: 2;
}