:root {
    /* Colors */
    --color-beige: #FFF7F2;
    --color-evergreen: #05472A;
    --color-honeycrisp-red: #FF3B30;
    --color-lemongrass-green: #34C758;
    --color-granite-gray: #B2C0D0;
    --color-sky: #87CEEB;
    --white-85: rgba(255, 255, 255, 0.85);
    --white-80: rgba(255, 255, 255, 0.8);
    --white-45: rgba(255, 255, 255, 0.45);
    --white-40: rgba(255, 255, 255, 0.4);
    --white-25: rgba(255, 255, 255, 0.25);
    --white-15: rgba(255, 255, 255, 0.15);
    --white-10: rgba(255, 255, 255, 0.1);
    --black-65: rgba(0, 0, 0, 0.65);
    --black-45: rgba(0, 0, 0, 0.45);
    --black-10: rgba(0, 0, 0, 0.1);

    /* Fonts */
    --font-body: 'Figtree', sans-serif;
    --font-display: 'EB Garamond', Georgia, serif;

    /* Font sizes */
    --text-xs: 0.75rem;
    --text-sm: 0.9rem;
    --text-rg: 1rem;
    --text-base: 1rem;
    --text-lg: 1.35rem;
    --text-read: 1.5rem;
    --text-xl: clamp(1rem, 2vw, 1.75rem);
    --text-2xl: clamp(1.5rem, 2.5vw, 2rem);
    --text-3xl: clamp(2rem, 3vw, 2.4rem);
    --text-4xl: clamp(2rem, 3.5vw, 3.2rem);
    --text-5xl: clamp(2.5rem, 5vw, 4rem);
    --text-display: clamp(2rem, 6vw, 6rem);

    /* Spacing */
    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 24px;
    --space-lg: 32px;
    --space-xl: 48px;
    --space-2xl: 56px;

    /* Radii */
    --radius-sm: 4px;
    --radius: 8px;

    /* Transitions */
    --ease-fast: background 0.08s ease;
    --ease-mid: background 0.15s ease;
    --ease-normal: background 0.2s ease;
    --ease-slow: background 0.35s ease;
}