/* ════════════════════════════════════════════
   TOKENS — palette Intonaco · type · espace · easing
   ════════════════════════════════════════════ */

:root {

    /* ─── Palette : Intonaco ─── */
    --paper:        #E8E4DA;   /* fond gris-pierre chaud — base */
    --paper-2:      #DFDACE;   /* sections alternées */
    --paper-3:      #F1EEE6;   /* pierre claire — cartes, focus */

    --ink:          #23211C;   /* encre foncée — titres */
    --ink-2:        #4F4C42;   /* corps de texte */
    --ink-mute:     #6E6A5E;   /* labels, marginalia */
    --ink-faint:    #9A9586;   /* numéros pâles, ornements */

    --terra:        #A2342A;   /* rouge romain — accent fort unique */
    --terra-deep:   #7E241A;   /* hover rouge */
    --terra-glow:   #C2452F;   /* rouge lumineux sur fond sombre */

    --basilico:     #5E6B36;   /* olive — accent secondaire discret */
    --basilico-glow:#8A9656;   /* olive lumineux sur fond sombre */

    --ocra-bright:  #B98C3A;   /* or — ornements uniquement */

    --hero-veil:    #2A2018;   /* voile hero sombre — nuit chaude */
    --cream:        #F1EEE6;   /* texte sur fond sombre */
    --night:        #1C1A14;   /* footer — nuit chaude, jamais noir */
    --night-2:      #272219;   /* élévation sur fond nuit */

    /* ─── Surfaces sombres : bordeaux chaud (rouge romain foncé) ───
       Unifie l'accueil et le pied de page avec l'accent rouge du reste
       du site : chic, vivant, jamais noir pur. */
    --wine-deep:    #2C1012;   /* fond le plus profond */
    --wine:         #45191A;   /* bordeaux de base */
    --wine-hi:      #5A2521;   /* élévation / lueur */

    /* secours — aucun usage visible */
    --mare:         #2E4756;
    --pomodoro:     #B33A28;

    /* ─── Filets ─── */
    --rule:         rgba(35,33,28,0.16);   /* ligne fine sur paper */
    --rule-strong:  rgba(35,33,28,0.32);
    --rule-faint:   rgba(35,33,28,0.08);
    --rule-cream:   rgba(241,238,230,0.18); /* ligne sur fond sombre */
    --rule-cream-strong: rgba(241,238,230,0.34);

    /* ─── Familles ─── */
    --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    --font-body:    "EB Garamond", Georgia, "Times New Roman", serif;
    --font-mono:    "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;

    /* chiffres elzéviriens / tabulaires */
    --onum: "onum" 1, "liga" 1, "kern" 1;
    --tnum: "tnum" 1, "lnum" 1;

    /* ─── Échelle modulaire · ratio 1.333 (Perfect Fourth) ─── */
    --fs-xs:   clamp(11.5px, 0.62vw + 9.5px, 13px);   /* marginalia */
    --fs-sm:   clamp(13px, 0.5vw + 11.5px, 15px);     /* mono labels */
    --fs-body: clamp(16px, 0.45vw + 14.7px, 18px);    /* corps */
    --fs-lead: clamp(19px, 1.1vw + 16px, 24px);       /* intros, drop-cap */
    --fs-h3:   clamp(30px, 2.6vw + 20px, 56px);
    --fs-h2:   clamp(44px, 5.2vw + 18px, 96px);
    --fs-h1:   clamp(64px, 9.5vw + 12px, 144px);

    /* ─── Espacements ─── */
    --s-1: 4px;
    --s-2: 8px;
    --s-3: 12px;
    --s-4: 18px;
    --s-5: 28px;
    --s-6: 42px;
    --s-7: 64px;
    --s-8: 92px;
    --s-9: 128px;

    --max-w: 1180px;
    --gutter: clamp(20px, 5vw, 88px);

    --nav-h: 64px;

    /* ─── Easings ─── */
    --ease-out:    cubic-bezier(.16, 1, .3, 1);
    --ease-draw:   cubic-bezier(.22, .61, .36, 1);
    --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
    --ease-inout:  cubic-bezier(.65, 0, .35, 1);

    --dur-fast: 240ms;
    --dur:      480ms;
    --dur-slow: 740ms;
}