:root{
  --W5HAR-primary: #031A54;
  --W5HAR-secondary: #145EFF;
  --W5HAR-primary-blue: #031A54;
  --W5HAR-secondary-blue: #145EFF;
  --W5HAR-success: #198754;
  --W5HAR-danger: #dc3545;
  --W5HAR-warning: #ffc107;
  --W5HAR-info: #0dcaf0;
  --W5HAR-light: #f8f9fa;
  --W5HAR-dark: #2c3e50;
  --W5HAR-accent-gold: #FFD700;
  --theme-accent-primary: #007bff;
  --theme-accent-secondary: #0053d7;
  --theme-text-primary: #0f172a;
  --theme-text-secondary: #475569;
  --theme-nav-bg: rgba(120, 243, 255, 0.96);
  --theme-nav-bg-scrolled: rgba(135, 255, 255, 0.98);
  --theme-nav-border: rgba(0, 33, 165, 0.18);
  --theme-nav-shadow: 0 8px 26px rgba(0, 63, 195, 0.25);
  --primary-blue: #031A54;
  --secondary-blue: #145EFF;
  --accent-gold: #FFD700;
  --hero-gradient-start: #031A54;
  --hero-gradient-end: #145EFF;
  --hero-gradient-angle: 135deg;
  --hero-overlay-from: rgba(3,26,84,0.85);
  --hero-overlay-to: rgba(20,94,255,0.70);
  --hero-badge-bg: color-mix(in srgb, var(--hero-text-primary, #fff) 12%, transparent);
  --hero-badge-text: var(--hero-text-primary, #fff);
  --hero-title-color: var(--hero-text-primary, #fff);
  --hero-subtitle-color: color-mix(in srgb, var(--hero-text-secondary, #fff) 96%, white 4%);
  --hero-aside-bg: color-mix(in srgb, var(--hero-text-primary, #fff) 12%, transparent);
  --hero-aside-text: var(--hero-text-primary, #fff);
  --hero-stat-bg: color-mix(in srgb, var(--hero-text-primary, #fff) 8%, transparent);
  --hero-stat-text: var(--hero-text-primary, #fff);
  --hero-icon-color: color-mix(in srgb, var(--accent-gold) 78%, white 22%);
  --W5HAR-nav-bg: rgba(120, 243, 255, 0.96);
  --W5HAR-nav-bg-scrolled: rgba(135, 255, 255, 0.98);
  --W5HAR-nav-border: rgba(0, 33, 165, 0.18);
  --W5HAR-nav-shadow: 0 8px 26px rgba(0, 63, 195, 0.25);
  --W5HAR-nav-text: #0f172a;
  --W5HAR-nav-text-muted: #475569;
  --W5HAR-accent-primary: #007bff;
  --W5HAR-accent-secondary: #0053d7;
  --hero-fade-alpha: 0.08;
  --hero-fade-start: 55%;
}