/*
 * Jetons de design — Casa Viva
 *
 * Palette organique : forêt profonde, mousse, sauge, sable, argile.
 * Points de rupture du projet : 480 / 768 / 1024 / 1440 / 1920 px.
 */
:root {
    --forest: #0E2A22;
    --forest-deep: #09201A;
    --moss: #2F5D4A;
    --sage: #A9BFA4;
    --sand: #EDE6D6;
    --paper: #F6F1E7;
    --white: #FFFCF5;
    --clay: #C0703E;
    --clay-deep: #A5532B;
    --ink: #12120F;
    --ink-soft: #36352D;
    --muted: #62615A;
    --line: #D8D0BF;
    --line-dark: rgba(237, 230, 214, 0.18);

    --font-display: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;
    --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

    --step--1: clamp(0.8rem, 0.77rem + 0.14vw, 0.9rem);
    --step-0: clamp(1rem, 0.97rem + 0.14vw, 1.075rem);
    --step-1: clamp(1.15rem, 1.08rem + 0.34vw, 1.35rem);
    --step-2: clamp(1.4rem, 1.27rem + 0.62vw, 1.8rem);
    --step-3: clamp(1.8rem, 1.48rem + 1.5vw, 2.5rem);
    --step-4: clamp(2.2rem, 1.65rem + 2.6vw, 3.4rem);
    --step-5: clamp(2.7rem, 1.85rem + 4.2vw, 5rem);

    --space-1: 0.375rem;
    --space-2: 0.625rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2.25rem;
    --space-6: 3rem;
    --space-7: 4.5rem;
    --space-8: 6rem;

    --gutter: clamp(1rem, 4vw, 3rem);
    --container: 1280px;
    --measure: 66ch;
    --header-h: 74px;

    --radius-s: 10px;
    --radius-m: 22px;
    --radius-l: 44px;
    --radius-pill: 999px;

    --shadow-1: 0 1px 2px rgba(18, 18, 15, 0.05), 0 18px 40px -26px rgba(18, 18, 15, 0.4);
    --shadow-2: 0 2px 6px rgba(18, 18, 15, 0.06), 0 40px 80px -44px rgba(18, 18, 15, 0.5);

    --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

/* Grands écrans : le contenu reste centré, la mesure de lecture ne s'étire pas. */
@media (min-width: 1920px) {
    :root {
        --container: 1380px;
    }
}