:root {
    --font-display: "Playfair Display", Georgia, serif;
    --font-body: "Inter", Arial, sans-serif;
    --type-hero: clamp(2.75rem, 5.2vw, 4.625rem);
    --type-section: clamp(2.25rem, 4vw, 3.375rem);
    --type-immersive: clamp(2.625rem, 3.8vw, 3.75rem);
    --type-card: clamp(2rem, 3vw, 3rem);
    --type-body: 1rem;
    --leading-body: 1.7;
    --site-content-max: 1240px;
    --site-reading-max: 68ch;
    --site-section-space: clamp(88px, 8vw, 120px);
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-6: 48px;
    --space-8: 64px;
    --site-cacao: #3b281e;
    --site-cacao-deep: #241813;
    --site-orange: #b95820;
    --site-orange-dark: #934218;
    --site-gold: #e4aa47;
    --site-teal: #08808a;
    --site-paper: #fffdf8;
    --site-sand: #f2eadc;
    --site-text: #63564d;
    --site-line: rgba(59, 40, 30, .14);
}

@media (max-width: 700px) {
    :root {
        --type-hero: clamp(2.35rem, 11.5vw, 3.25rem);
        --type-section: clamp(2rem, 9vw, 2.65rem);
        --type-immersive: clamp(2.45rem, 10.5vw, 3.2rem);
        --type-card: clamp(2rem, 10vw, 2.8rem);
        --site-section-space: 72px;
    }
}