/* CSS Variables - Theme Configuration */
/* Change these values to customize the entire site */

:root {
  /* Colors - Brand Palette */
  --color-primary: #404725;      /* Dark Olive - Main brand color */
  --color-secondary: #eedca7;    /* Wheat Gold - Accent color */
  --color-background: #ece5dd;   /* Light Beige - Page background */
  --color-text: #2c2f1f;         /* Dark text color */
  --color-white: #ffffff;        /* Pure white */
  --color-accent-hover: #d5c492; /* Lighter gold for hover states */

  /* Typography */
  --font-family: 'Outfit', sans-serif;
  --font-heading: 'Playfair Display', serif;

  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 6rem;

  /* Transitions */
  --transition-speed: 0.3s;
  --transition-ease: ease;
  --transition-curve: cubic-bezier(0.22, 1, 0.36, 1);

  /* Border Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-2xl: 30px;
  --radius-full: 50%;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.2);
  --shadow-xl: 0 15px 35px rgba(0, 0, 0, 0.25);
  --shadow-inner: inset 0 2px 5px rgba(0, 0, 0, 0.1);

  /* Z-Index Scale */
  --z-dropdown: 1000;
  --z-sticky: 2000;
  --z-fixed: 3000;
  --z-modal: 4000;
  --z-modal-backdrop: 3500;
  --z-toast: 5000;
}