/* ==========================================================================
   M Céramique — jetons
   Blancs de porcelaine et vert d'eau (demande cliente), encre des décors.
   ========================================================================== */
html:root {
  /* Couleurs */
  --porcelaine: #FBFBF8;      /* blanc émail */
  --biscuit: #F3F1EB;         /* blanc de terre crue */
  --eau-pale: #E6F1ED;        /* vert d'eau très clair */
  --vert-eau: #CFE6DF;        /* vert d'eau, bleu-vert pastel */
  --vert-eau-profond: #36625B;/* texte accentué, AA sur blancs */
  --encre: #1F2B2E;           /* encre des décors */
  --encre-douce: #4A5856;
  --coquelicot: #C8413A;      /* réservé au motif coquelicot */

  --coll-coquelicot: #F8F5F1;
  --coll-oiseau: #D9ECE6;
  --coll-roseau: #E1ECEE;
  --coll-pin: #ECF2EA;

  /* Typographie */
  --font-titre: "Fraunces", Georgia, "Times New Roman", serif;
  --font-texte: "Jost", "Segoe UI", system-ui, sans-serif;
  --t-label: .78rem;
  --t-texte: clamp(1rem, .96rem + .2vw, 1.1rem);
  --t-chapeau: clamp(1.1rem, 1.02rem + .4vw, 1.3rem);
  --t-h3: clamp(1.3rem, 1.15rem + .6vw, 1.7rem);
  --t-h2: clamp(2.1rem, 1.6rem + 2.2vw, 3.6rem);
  --t-h1: clamp(2.7rem, 1.8rem + 4.4vw, 5.8rem);
  --t-coll: clamp(3.6rem, 2rem + 8vw, 9.5rem);

  /* Espacements */
  --gouttiere: clamp(16px, 4vw, 48px);
  --section: clamp(84px, 11vw, 160px);
  --largeur: 1240px;
  --rayon: 14px;

  /* Rythme : lent et posé, comme le geste du tourneur */
  --anim-duree: 900ms;
  --anim-duree-longue: 1200ms;
  --anim-decalage: 70ms;
  --anim-distance: 22px;
  --anim-courbe: cubic-bezier(0.16, 1, 0.3, 1);
  --courbe: cubic-bezier(0.16, 1, 0.3, 1);
  --micro: 220ms;
}