:root {
    --vert-900: #131F18;
    --vert-800: #1B2C22;
    --vert-700: #24392C;
    --vert-600: #2E4A38;
    --vert-500: #3C5F49;
    --vert-400: #52795F;
    --vert-300: #7C9C86;
    --vert-200: #A9C2AF;
    --vert-100: #CFDFD1;
    --vert-050: #E8F0E7;

    --beige-600: #B9A681;
    --beige-500: #C9B896;
    --beige-400: #DBCDB0;
    --beige-300: #E8DDC7;
    --beige-200: #F1EADB;
    --beige-100: #F8F4EA;
    --creme: #FCF9F3;

    --terre-600: #96502F;
    --terre-500: #B0603A;
    --terre-400: #C87A50;
    --terre-100: #F5E3D7;

    --encre: #15201A;
    --encre-doux: #3B473F;
    --gris: #6E7A72;
    --gris-clair: #9AA49D;

    --fond: var(--creme);
    --fond-alt: var(--beige-200);
    --fond-sombre: var(--vert-800);
    --surface: #FFFDF8;
    --trait: color-mix(in srgb, var(--encre) 13%, transparent);
    --trait-fort: color-mix(in srgb, var(--encre) 26%, transparent);
    --trait-clair: color-mix(in srgb, var(--creme) 18%, transparent);

    --police-titre: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;
    --police-texte: "Karla", "Segoe UI", system-ui, -apple-system, sans-serif;
    --police-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;

    --t-xs: 0.75rem;
    --t-sm: 0.8438rem;
    --t-base: 0.9688rem;
    --t-md: 1.0625rem;
    --t-lg: 1.25rem;
    --t-xl: 1.5rem;
    --t-2xl: clamp(1.75rem, 1.2rem + 2vw, 2.5rem);
    --t-3xl: clamp(2.25rem, 1.4rem + 3.4vw, 3.75rem);
    --t-4xl: clamp(2.75rem, 1.3rem + 6vw, 6rem);

    --e-1: 0.25rem;
    --e-2: 0.5rem;
    --e-3: 0.75rem;
    --e-4: 1rem;
    --e-5: 1.5rem;
    --e-6: 2rem;
    --e-7: 3rem;
    --e-8: 4rem;
    --e-9: 6rem;
    --e-10: 8rem;

    --r-xs: 2px;
    --r-sm: 4px;
    --r-md: 8px;
    --r-lg: 14px;
    --r-full: 999px;

    --ombre-douce: 0 1px 2px rgba(21, 32, 26, 0.04), 0 8px 24px -12px rgba(21, 32, 26, 0.14);
    --ombre-moyenne: 0 2px 6px rgba(21, 32, 26, 0.06), 0 18px 44px -20px rgba(21, 32, 26, 0.24);
    --ombre-forte: 0 4px 12px rgba(21, 32, 26, 0.08), 0 34px 70px -28px rgba(21, 32, 26, 0.34);

    --largeur: 78rem;
    --largeur-etroite: 46rem;
    --gouttiere: clamp(1.25rem, 4vw, 3.5rem);
    --entete-h: 76px;

    --sortie: cubic-bezier(0.22, 0.61, 0.36, 1);
    --doux: cubic-bezier(0.65, 0, 0.35, 1);
    --ressort: cubic-bezier(0.34, 1.4, 0.64, 1);
    --duree-1: 180ms;
    --duree-2: 320ms;
    --duree-3: 620ms;
    --duree-4: 1000ms;
}