/* CSS Variables - Color & Typography */

:root { 
  /* Colors */
  --navy:#0f172a; 
  --navy-light:#1e293b;
  --gold:#d4a574; 
  --gold-bright:#e8c547;
  --cream:#faf8f5; 
  --white:#ffffff; 
  --text-dark:#1a1a1a;
  --text-light:#666666;
  --border:#e5e5e5;
  
  /* Z-Index */
  --z-navbar: 1010;
  --z-mobile-menu: 1008;
  --z-whatsapp: 997;
  
  /* Spacing */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 32px;
  --spacing-xl: 56px;
  --spacing-2xl: 100px;
  
  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 14px;
  
  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);
  --shadow-md: 0 12px 32px rgba(212,165,116,0.15);
  --shadow-lg: 0 16px 48px rgba(15,23,42,0.3);
}