:root {
    /* Olive */
    --olive-50: #f5f6f1;
    --olive-100: #e9ecdf;
    --olive-200: #d5dbc4;
    --olive-300: #b8c39f;
    --olive-400: #98a777;
    --olive-500: #74845a;
    --olive-600: #66724e;
    --olive-700: #4e593b;
    --olive-800: #3f4831;
    --olive-900: #343b2a;
    /* Ivory */
    --ivory-50: #fffefb;
    --ivory-100: #fdfaf3;
    --ivory-200: #f8f5ee;
    --ivory-300: #f0eadc;
    --ivory-400: #e6dcc8;
    /* Gold */
    --gold-100: #f3ead4;
    --gold-300: #dcc58d;
    --gold-500: #c8a247;
    --gold-600: #ab8432;
    --gold-700: #806225;
    /* Sage */
    --sage-100: #edf0e7;
    --sage-300: #cbd3bd;
    --sage-500: #aab69a;
    /* Neutral */
    --neutral-50: #ffffff;
    --neutral-200: #e8e4dc;
    --neutral-500: #8d877e;
    --neutral-700: #59544d;
    --neutral-900: #302d29;
    /* Semantic colors */
    --color-background: var(--ivory-200);
    --color-surface: var(--ivory-50);
    --color-primary: var(--olive-600);
    --color-primary-dark: var(--olive-800);
    --color-accent: var(--gold-500);
    --color-text: var(--neutral-900);
    --color-text-muted: var(--neutral-700);
    /* Typography */
    --font-script: "Great Vibes", cursive;
    --font-heading: "Cormorant Garamond", serif;
    --font-body: "Montserrat", sans-serif;
    /* Spacing */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 6rem;
    /* Radius */
    --radius-small: 0.5rem;
    --radius-medium: 1rem;
    --radius-large: 1.75rem;
    --radius-pill: 999px;
    /* Shadows */
    --shadow-soft: 0 1.25rem 3.75rem rgba(63, 72, 49, 0.12);
    --shadow-floating: 0 1.75rem 5rem rgba(63, 72, 49, 0.16);
    /* Motion */
    --duration-fast: 180ms;
    --duration-normal: 350ms;
    --duration-slow: 700ms;
    --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
    --ease-elegant: cubic-bezier(0.16, 1, 0.3, 1);
    /* Layout */
    --content-width: 75rem;
    --hero-min-height: 100svh;
}