/* variables.css */

:root {
  /* Color Palette */
  --color-olive: #8D9B79;
  --color-olive-dark: #7c8b67;
  --color-green-light: #A9B89A;
  --color-green-bg: #F4F6F0;
  --color-beige-light: #F7F2EA;
  --color-beige-dark: #EFE9DE;
  --color-gold: #C9A05A;
  --color-gold-hover: #b88e49;
  --color-gold-light: #F4ECE1;
  --color-navy: #233B5A;
  --color-navy-light: #2c496f;
  --color-rose: #D9B1A5;
  --color-rose-light: #F6ECE9;
  --color-white: #FFFFFF;
  
  /* Text Colors */
  --color-text-primary: #233B5A;
  --color-text-secondary: #555555;
  --color-text-light: #FFFFFF;
  --color-text-muted: #777777;

  /* Typography */
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-cursive: 'Allura', cursive;
  --font-sans: 'Poppins', sans-serif;
  
  /* Layout and Spacings */
  --container-width: 1440px;
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --border-radius-sm: 8px;
  --border-radius-md: 16px;
  --border-radius-lg: 30px;
  --border-radius-xl: 50px;
  --box-shadow-soft: 0 10px 30px rgba(35, 59, 90, 0.05);
  --box-shadow-medium: 0 15px 35px rgba(35, 59, 90, 0.1);
}