:root {
    /* === Colors === */
    --color-sage: #7B8B6F;
    --color-sage-light: #95A688;
    --color-sage-dark: #5F6D55;
    --color-gold: #C9A96E;
    --color-gold-light: #D4BA8A;
    --color-cream: #FAF8F0;
    --color-ivory: #F5F0E3;
    --color-olive-text: #4A5240;
    --color-white: #FFFFFF;
    --color-sky: #B8D4E8;
    --color-sky-light: #D4E8F4;
    --color-hill-back: #8FA07E;
    --color-hill-front: #7B8B6F;
    --color-hill-grass: #6B7B5F;

    /* === Typography === */
    --font-primary: 'Alegreya', Georgia, 'Times New Roman', serif;
    --font-script: 'Austin Pen', cursive;
    --font-size-base: 18px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 24px;
    --font-size-xl: 32px;
    --font-size-2xl: 48px;
    --font-size-hero: clamp(42px, 8vw, 72px);

    /* === Spacing === */
    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 40px;
    --space-xl: 64px;
    --space-2xl: 96px;
    --section-padding: var(--space-xl) var(--space-lg);

    /* === Layout === */
    --content-width: 50%;
    --decor-width: 50%;

    /* === Transitions === */
    --transition-base: 0.3s ease;
    --transition-slow: 0.6s ease;
    --anim-duration: 0.8s;
}