:root {
  /* Colors - Base (Warm Light Theme) */
  --bg-main:       #FFFBF5;
  --bg-subtle:     #FFF5EB;
  --bg-muted:      #FEF0E0;
  --bg-white:      #FFFFFF;
  --bg-dark:       #1B2A4A;
  --bg-dark-deep:  #0F1B33;

  /* Colors - Primary (Deep Navy) */
  --navy:          #1B2A4A;
  --navy-light:    #2D4066;
  --navy-muted:    #4A6085;

  /* Colors - Accent (Warm Orange) */
  --accent:        #E8722A;
  --accent-dark:   #D4621E;
  --accent-light:  #F09050;
  --accent-glow:   rgba(232, 114, 42, 0.12);
  --accent-glow-strong: rgba(232, 114, 42, 0.25);

  /* Colors - Secondary Accents */
  --sky:           #4A90D9;
  --sky-light:     #6AAAE6;
  --sky-glow:      rgba(74, 144, 217, 0.1);

  --emergency:     #EF4444;
  --emergency-dark: #DC2626;
  --emergency-glow: rgba(239, 68, 68, 0.08);

  --gold:          #C8962E;
  --gold-light:    #D4A642;

  --green:         #22C55E;

  /* Colors - Text */
  --text-primary:  #1B2A4A;
  --text-body:     #4A6085;
  --text-muted:    #7A8FAB;
  --text-hint:     #A0B0C8;
  --text-white:    #FFFFFF;

  /* Colors - Card / Glass */
  --card-bg:            #FFFFFF;
  --card-bg-hover:      #FEFEFE;
  --card-border:        rgba(27, 42, 74, 0.08);
  --card-border-hover:  rgba(27, 42, 74, 0.15);
  --card-shine:         rgba(255, 255, 255, 0.5);

  /* Glass for dark sections */
  --glass-bg:           rgba(255, 255, 255, 0.06);
  --glass-bg-hover:     rgba(255, 255, 255, 0.1);
  --glass-border:       rgba(255, 255, 255, 0.1);
  --glass-border-hover: rgba(255, 255, 255, 0.2);
  --glass-shine:        rgba(255, 255, 255, 0.03);

  /* Typography */
  --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --text-xs:   11px;
  --text-sm:   13px;
  --text-nav:  14px;
  --text-base: 16px;
  --text-lg:   18px;
  --text-xl:   clamp(18px, 4vw, 22px);
  --text-2xl:  clamp(22px, 5vw, 28px);
  --text-3xl:  clamp(28px, 6vw, 36px);
  --text-4xl:  clamp(34px, 7vw, 48px);
  --text-5xl:  clamp(40px, 8vw, 64px);
  --text-hero: clamp(48px, 10vw, 80px);

  /* Spacing */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;

  /* Border Radius */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   20px;
  --radius-2xl:  24px;
  --radius-pill: 100px;

  /* Transitions */
  --transition-fast:   0.15s ease;
  --transition-base:   0.25s ease;
  --transition-slow:   0.4s ease;
  --transition-spring: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Shadows */
  --shadow-sm:         0 1px 3px rgba(27, 42, 74, 0.06);
  --shadow-card:       0 2px 8px rgba(27, 42, 74, 0.06), 0 1px 2px rgba(27, 42, 74, 0.04);
  --shadow-card-hover: 0 12px 40px rgba(27, 42, 74, 0.1), 0 4px 12px rgba(27, 42, 74, 0.06);
  --shadow-lg:         0 20px 60px rgba(27, 42, 74, 0.12);
  --shadow-glow-accent: 0 0 40px var(--accent-glow);

  /* Layout */
  --container-max: 1280px;
  --container-pad: clamp(24px, 5vw, 80px);
  --nav-height: 72px;
  --section-pad: clamp(80px, 10vw, 140px);
}