/* ============================================================================
   tokens.css : E&S Évènementiel
   Direction : papeterie de mariage. Fond crème du logo, encre prune,
   accent cuivre rosé du monogramme, rose poudré de l'aquarelle, filets dorés.
   Couple de polices : Fraunces (titres, remplace Bodoni jugé peu lisible) + Jost (texte). Rayon doux 14px.
   ============================================================================ */

:root {
  --fond: #fdf8f2;             /* crème exact du fond du logo */
  --fond-doux: #f6e7e1;        /* rose poudré de l'aquarelle */
  --fond-sombre: #3a1f27;      /* prune profond */
  --encre: #3a1f27;
  --encre-douce: #6e5559;      /* 6.4:1 sur crème */
  --encre-inverse: #fdf8f2;
  --accent: #9c5645;           /* cuivre rosé foncé, 5.5:1 avec texte blanc */
  --accent-sombre: #7f4334;
  --accent-clair: #c98f78;     /* cuivre du monogramme, décor uniquement */
  --or: #c9a36a;               /* filets et étoiles, décor uniquement */
  --bord: #ead8cf;

  --titre: "Fraunces", Georgia, serif;
  --texte: "Jost", "Segoe UI", system-ui, sans-serif;
  --titre-graisse: 500;
  --titre-interlettre: -0.01em;
  --titre-casse: none;

  --t-geant: clamp(2.35rem, 5.6vw, 4.4rem);
  --t-grand: clamp(1.85rem, 3.8vw, 2.9rem);
  --t-moyen: clamp(1.2rem, 2vw, 1.45rem);
  --t-corps: clamp(1.0625rem, 1.1vw, 1.15rem);
  --t-petit: 0.9375rem;
  --t-mini: 0.8125rem;
  --interligne-titre: 1.08;
  --interligne-texte: 1.65;

  --e1: 0.5rem;
  --e2: 1rem;
  --e3: 1.5rem;
  --e4: 2.5rem;
  --e5: 4rem;
  --e6: 6rem;
  --section-y: clamp(4.5rem, 10vw, 8rem);
  --largeur: 1200px;
  --largeur-texte: 64ch;

  --rayon: 14px;
  --rayon-petit: 999px;        /* boutons et pastilles en pilule */
  --ombre: 0 1px 2px rgb(58 31 39 / 0.05), 0 10px 28px -10px rgb(58 31 39 / 0.18);
  --ombre-forte: 0 2px 4px rgb(58 31 39 / 0.06), 0 24px 52px -14px rgb(58 31 39 / 0.28);

  --transition: 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-lente: 900ms cubic-bezier(0.16, 1, 0.3, 1);
}