:root {
    --font-sans: "Helvetica Neue", Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;
    --font-display: Georgia, "Times New Roman", serif;

    --text-xs: clamp(.68rem, .64rem + .12vw, .78rem);
    --text-sm: clamp(.82rem, .78rem + .15vw, .94rem);
    --text-base: clamp(.98rem, .93rem + .20vw, 1.12rem);
    --text-lg: clamp(1.2rem, 1.05rem + .58vw, 1.65rem);
    --text-xl: clamp(2.65rem, 1.7rem + 3.4vw, 5.9rem);
    --text-2xl: clamp(3.5rem, 2rem + 6vw, 9rem);
    --text-hero: clamp(4.1rem, 2.15rem + 7.8vw, 9.6rem);

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

    --container: 108rem;
    --gutter: clamp(1.15rem, 3.2vw, 4.25rem);

    --color-bg: #f2efe8;
    --color-paper: #faf8f3;
    --color-surface: #ffffff;
    --color-text: #151512;
    --color-muted: #6f6b63;
    --color-border: rgba(21, 21, 18, .16);
    --color-inverse: #f7f4ed;
    --color-dark: #11110f;
    --color-dark-soft: #1b1b17;
    --color-stone: #d8cbb8;

    --radius-sm: .08rem;
    --radius-md: .3rem;
    --shadow-soft: 0 24px 72px rgba(8,8,7,.14);

    --transition-fast: 180ms ease;
    --transition-base: 420ms cubic-bezier(.2,.75,.2,1);
    --transition-slow: 820ms cubic-bezier(.2,.75,.2,1);
}