:root {
  /* Official Brand Solar Palette (Matched to SunPulse Logo) */
  --sun-navy: #071E3D;
  --sun-navy-deep: #051329;
  --sun-navy-light: #0D2D59;
  --sun-blue: #0284C7;
  --sun-cyan: #00B4D8;
  
  --sun-orange: #FF5E14;
  --sun-orange-hover: #E04800;
  --sun-orange-light: #FFEFE8;
  
  --sun-gold: #FFB800;
  --sun-gold-light: #FEF3C7;
  --sun-gold-dark: #D97706;
  
  --eco-green: #00D084;
  --eco-green-hover: #10B981;
  --eco-green-light: #D1FAE5;
  --eco-green-dark: #047857;
  
  --sun-amber-glow: rgba(255, 94, 20, 0.22);
  --sun-cyan-glow: rgba(2, 132, 199, 0.22);
  
  /* Trust Navy & Slate Palette */
  --navy-deep: #071E3D;
  --navy-primary: #0A192F;
  --navy-card: #0F2547;
  --navy-border: #1E3A5F;
  --navy-hover: #16325B;

  /* Light Theme (Default) */
  --bg-primary: #FFFFFF;
  --bg-secondary: #F8FAFC;
  --bg-tertiary: #F1F5F9;
  --bg-card: #FFFFFF;
  --bg-glass: rgba(255, 255, 255, 0.92);
  --bg-glass-hover: rgba(255, 255, 255, 0.98);
  --bg-card-subtle: #F8FAFC;
  
  --text-primary: #071E3D;
  --text-secondary: #334155;
  --text-muted: #64748B;
  --text-light: #94A3B8;
  --text-inverse: #FFFFFF;
  
  --border-light: #E2E8F0;
  --border-medium: #CBD5E1;
  --border-subtle: rgba(226, 232, 240, 0.8);
  --border-glow: rgba(255, 94, 20, 0.35);

  --shadow-sm: 0 1px 3px 0 rgba(7, 30, 61, 0.06);
  --shadow-md: 0 4px 10px -1px rgba(7, 30, 61, 0.08), 0 2px 6px -1px rgba(7, 30, 61, 0.04);
  --shadow-lg: 0 12px 30px -4px rgba(7, 30, 61, 0.12), 0 4px 8px -2px rgba(7, 30, 61, 0.05);
  --shadow-xl: 0 24px 45px -8px rgba(7, 30, 61, 0.16), 0 10px 15px -5px rgba(7, 30, 61, 0.06);
  --shadow-sun: 0 12px 32px -4px rgba(255, 94, 20, 0.35);
  --shadow-orange: 0 14px 35px -4px rgba(224, 72, 0, 0.45);

  /* Typography */
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Radii & Transitions */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;
  
  --transition-fast: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  
  /* WhatsApp & Call Action Colors */
  --whatsapp-green: #25D366;
  --whatsapp-hover: #1EBE5D;
  --call-blue: #0284C7;
  --call-hover: #0369A1;

  /* Header & Topbar Heights */
  --header-height: 98px;
  --topbar-height: 42px;
}

/* Dark Mode Theme Overrides */
[data-theme="dark"] {
  --bg-primary: #050F1E;
  --bg-secondary: #08172E;
  --bg-tertiary: #0C2140;
  --bg-card: #0A1C38;
  --bg-glass: rgba(10, 28, 56, 0.88);
  --bg-glass-hover: rgba(15, 37, 71, 0.94);
  --bg-card-subtle: #0E2447;

  --text-primary: #F8FAFC;
  --text-secondary: #CBD5E1;
  --text-muted: #94A3B8;
  --text-light: #64748B;
  --text-inverse: #071E3D;

  --border-light: #16325B;
  --border-medium: #1E447B;
  --border-subtle: rgba(30, 68, 123, 0.6);
  --border-glow: rgba(255, 184, 0, 0.45);

  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 10px -1px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 12px 30px -4px rgba(0, 0, 0, 0.65);
  --shadow-xl: 0 24px 45px -8px rgba(0, 0, 0, 0.8);
}