:root {
  /* User-Defined Core Color Palette */
  --color-hermes: #1A3789;        /* Deep Sapphire Hermes Blue */
  --color-royal-blue: #002969;    /* Traditional Midnight Royal Blue */
  --color-electric-blue: #78F7FC; /* Radiant Neon Electric Cyan */
  --color-alexandra: #4590EC;     /* Vibrant Alexandra Blue */
  --color-aqua-blast: #7FE4EC;    /* Aqua Blast Cyan */
  --color-luminous: #345DE0;      /* Luminous High-Tech Blue */
  --color-light-cyan: #DEFEFE;    /* Soft Ambient Light Cyan */
  --color-seashell: #FAF9F5;      /* Seashell White */

  /* Dark Theme Atmospheric Backgrounds */
  --bg-deep-space: #020713;
  --bg-midnight: #00122e;
  --bg-navy-surface: #07193f;
  --bg-card: rgba(0, 41, 105, 0.35);
  --bg-card-hover: rgba(26, 55, 137, 0.45);
  --bg-glass: rgba(250, 249, 245, 0.04);
  --bg-glass-strong: rgba(0, 41, 105, 0.65);

  /* Borders & Glows */
  --border-subtle: rgba(120, 247, 252, 0.15);
  --border-highlight: rgba(120, 247, 252, 0.45);
  --border-luminous: rgba(52, 93, 224, 0.35);
  --glow-electric: 0 0 25px rgba(120, 247, 252, 0.35);
  --glow-luminous: 0 0 35px rgba(52, 93, 224, 0.45);
  --glow-lighthouse: 0 0 80px rgba(120, 247, 252, 0.25);

  /* Typography Scales */
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', Menlo, monospace;

  /* Text Colors */
  --text-primary: #FAF9F5;
  --text-secondary: #B6C7E8;
  --text-muted: #90ABDC;
  --text-electric: #78F7FC;
  --text-cyan-soft: #DEFEFE;
  /* Gradients */
  --gradient-beacon: linear-gradient(135deg, #DEFEFE 0%, #78F7FC 45%, #93D4FF 100%);
  --gradient-text-hero: linear-gradient(180deg, #FAF9F5 10%, #DEFEFE 60%, #78F7FC 100%);
  --gradient-dark-radial: radial-gradient(circle at 50% 0%, #002969 0%, #020713 70%);
  --gradient-beam: linear-gradient(90deg, rgba(120, 247, 252, 0.4) 0%, rgba(69, 144, 236, 0.15) 60%, transparent 100%);

  /* Spacings & Layout */
  --max-width: 1240px;
  --header-height: 80px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}