:root {
    --color-forest: #2f471b;
    --color-deep-green: #102716;
    --color-deep-green-soft: #18351f;
    --color-ink: #070b08;
    --color-moss: #53693b;
    --color-sage: #a8b49a;
    --color-sage-light: #cbd3c2;
    --color-cream: #f3f0e7;
    --color-paper: #faf8f2;
    --color-white: #ffffff;
    --color-muted: #c9cec5;
    --color-line-dark: rgba(16, 39, 22, 0.2);
    --color-line-light: rgba(243, 240, 231, 0.2);

    --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    --font-body: "Manrope", "Helvetica Neue", Arial, sans-serif;

    --text-xs: clamp(0.7rem, 0.68rem + 0.08vw, 0.76rem);
    --text-sm: clamp(0.82rem, 0.79rem + 0.12vw, 0.92rem);
    --text-base: clamp(1rem, 0.96rem + 0.18vw, 1.12rem);
    --text-lg: clamp(1.18rem, 1.08rem + 0.45vw, 1.5rem);
    --text-xl: clamp(1.45rem, 1.25rem + 1vw, 2.25rem);
    --text-2xl: clamp(2.15rem, 1.7rem + 2.35vw, 4.3rem);
    --text-hero: clamp(3.4rem, 2.25rem + 5vw, 7.4rem);

    --space-1: 0.4rem;
    --space-2: 0.75rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2rem;
    --space-6: 3rem;
    --space-7: 4.5rem;
    --space-8: 7rem;
    --space-9: 10rem;

    --container: 88rem;
    --container-narrow: 72rem;
    --gutter: clamp(1.2rem, 4vw, 4.25rem);
    --radius-sm: 0.4rem;
    --radius-md: 1rem;
    --radius-lg: 2rem;
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --shadow-soft: 0 1.5rem 5rem rgba(7, 11, 8, 0.13);
}