:root {
  
  --light-green: #7ed56f;
  --medium-green: #55c57a;
  --dark-green: #28b485;
  --dark-black: #212529;
  --dark-black-pure: #0f1115;
  --light-yellow: #ffeb3b;
  --dark-blue: #0a2463;
  --dark-blue-light: #163b8c;

  
  --dark-black-alt: #121212;
  --dark-surface: #1a1e24;
  --dark-surface-card: #222730;
  --light-green-alt: #90ee90;
  --hero-gradient-start: #0f2027;
  --hero-gradient-end: #203a43;
  --cyan-accent: #00e5ff;

  
  --white: #ffffff;
  --text-light: #f8f9fa;
  --text-muted: #adb5bd;
  --text-dark: #212529;
  --whatsapp-green: #25d366;
  --whatsapp-green-hover: #20ba5a;
  --border-color: rgba(255, 255, 255, 0.12);
  --border-color-light: rgba(255, 255, 255, 0.25);
  --glass-bg: rgba(255, 255, 255, 0.08);
  --glass-border: rgba(255, 255, 255, 0.16);

  
  --font-primary: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-secondary: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  
  --text-xs: 0.75rem;    
  --text-sm: 0.875rem;   
  --text-base: 1rem;     
  --text-lg: 1.125rem;   
  --text-xl: 1.25rem;    
  --text-2xl: 1.5rem;    
  --text-3xl: 1.875rem;  
  --text-4xl: 2.25rem;   
  --text-5xl: 3rem;      
  --text-6xl: 3.75rem;   

  
  --space-1: 0.25rem;   
  --space-2: 0.5rem;    
  --space-3: 0.75rem;   
  --space-4: 1rem;      
  --space-5: 1.25rem;   
  --space-6: 1.5rem;    
  --space-8: 2rem;      
  --space-10: 2.5rem;   
  --space-12: 3rem;     
  --space-16: 4rem;     
  --space-20: 5rem;     
  --space-24: 6rem;     

  
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.4);
  --shadow-glow-green: 0 0 20px rgba(126, 213, 111, 0.35);
  --shadow-glow-whatsapp: 0 4px 14px rgba(37, 211, 102, 0.4);

  
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;

  
  --topbar-height: 38px;
  --navbar-height: 74px;
  --z-base: 1;
  --z-sticky: 100;
  --z-dropdown: 200;
  --z-navbar: 1000;
  --z-modal: 2000;
  --z-floating: 3000;
  --z-cookie: 99999;
  --z-toast: 4000;

  --theme-chocolate-bg: #22140c;
  --theme-chocolate-surface: #2b1a10;
  --theme-chocolate-card: #352115;
  --theme-chocolate-card-hover: #40281a;
  --theme-chocolate-border: rgba(212, 143, 102, 0.22);
  --theme-chocolate-accent: #e59866;
  --theme-chocolate-accent-bright: #f0ad7d;
  --theme-chocolate-glow: rgba(229, 152, 102, 0.3);

  
  --theme-green-bg: #0c2016;
  --theme-green-surface: #122d20;
  --theme-green-card: #183d2b;
  --theme-green-card-hover: #1e4a35;
  --theme-green-border: rgba(126, 213, 111, 0.22);
  --theme-green-accent: #7ed56f;
  --theme-green-accent-bright: #a2f094;
  --theme-green-glow: rgba(126, 213, 111, 0.3);

  
  --theme-yellow-bg: #1f1804;
  --theme-yellow-surface: #2c2306;
  --theme-yellow-card: #3a2e08;
  --theme-yellow-card-hover: #483a0a;
  --theme-yellow-border: rgba(251, 191, 36, 0.22);
  --theme-yellow-accent: #fbbf24;
  --theme-yellow-accent-bright: #fde047;
  --theme-yellow-glow: rgba(251, 191, 36, 0.3);

  
  --navbar-light-blue-bg: #e2effa;
  --navbar-light-blue-text: #081d4a;
  --navbar-light-blue-border: rgba(10, 36, 99, 0.12);
  --navbar-scrolled-black-bg: #06090e;
  --navbar-scrolled-black-text: #ffffff;
}