:root {
   --bp-sm: 576px;
   --bp-md: 768px;
   --bp-lg: 992px;
   --bp-xl: 1200px;
    --color-primary: #021c4a;
    --color-secondary: #814924;
    --color-accent: #413028;
    --color-neutral: #d6c8ba;
    --color-background: #ffffff;
    --color-background-alt: #FCF8F4;
    --color-white: #ffffff;
    --color-text: #2f2f2f;
    --color-text-light: #6b6b6b;
    --color-border: #e4e4e4;
    --container-width: 1200px;
    --content-width: 900px;
    --container-padding: 1rem;
    --header-height: 120px;
    --font-primary: "Montserrat", Arial, Helvetica, sans-serif;
    /*--font-secondary: "Cormorant Garamond", "Times New Roman", serif;*/
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --radius-lg: .75rem;
    --radius-pill: 999px;
    --shadow-sm: 0 2px 4px rgba(0,0,0,.08);
    --shadow-lg: 0 8px 20px rgba(0,0,0,.12);
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --text-sm: .875rem;
    --text-md: 1rem;
    --text-lg: 1.25rem;
    --text-xl: 1.5rem;
    --text-2xl: 2rem;
    --transition-fast: .2s ease;
    --transition-default: .3s ease;
   --z-header: 100;
   --z-dropdown: 200;
   --z-modal: 500;
   --z-toast: 1000;
}