:root{

    /* ========= Couleurs ========= */

    --color-primary:#6B6E4A;            /* mousse — couleur dominante : boutons, highlights, liens */
    --color-primary-light:#8B9064;
    --color-primary-dark:#505338;

    --color-secondary:#B5451F;          /* rouille — touches ponctuelles, à doser */
    --color-secondary-light:#D66138;
    --color-secondary-dark:#8C3416;

    --color-accent:#D6A324;             /* jaune signalétique — réservé aux fonds sombres, très rare */

    --color-dark-bg:#171512;            /* asphalte — fond des sections fortes (hero, CTA) */

    --color-background:#F5F0E1;         /* kraft — remplace le crème générique */
    --color-surface:#FFFDF7;

    --color-text:#1E1B16;
    --color-text-light:#6B6355;

    --color-border:#E2D9C2;

    --color-success:#2F9E44;
    --color-error:#D6336C;


    /* ========= Typographie ========= */

    --font-title:'Anton',sans-serif;
    --font-text:'Inter',sans-serif;
    --font-script:'Caveat',cursive;


    /* ========= Container ========= */

    --container-width:1280px;
    --container-padding:24px;


    /* ========= Espacements ========= */

    --space-xs:.5rem;
    --space-sm:1rem;
    --space-md:2rem;
    --space-lg:4rem;
    --space-xl:6rem;
    --space-xxl:8rem;


    /* ========= Radius ========= */

    --radius-sm:8px;
    --radius-md:14px;
    --radius-lg:24px;
    --radius-xl:40px;
    --radius-round:999px;


    /* ========= Ombres ========= */

    --shadow-sm:0 4px 12px rgba(0,0,0,.05);

    --shadow-md:0 12px 35px rgba(0,0,0,.08);

    --shadow-lg:0 30px 60px rgba(0,0,0,.12);


    /* ========= Transition ========= */

    --transition:.35s ease;


}