/* ==========================================================================
   Jetons de design — Imprimex & Co
   Toute la charte passe par ces variables : changer ici suffit à re-styler.
   ========================================================================== */
:root {
  /* Couleurs de marque (logo v2) */
  --encre: #0B0B0D;          /* noir profond */
  --encre-2: #16161A;        /* noir surface */
  --encre-3: #222228;        /* noir bordure */
  --magenta: #E4007C;        /* magenta Imprimex */
  --magenta-clair: #FF3D9E;
  --magenta-voile: rgba(228, 0, 124, .14);
  --papier: #F3F0EA;         /* papier offset */
  --papier-2: #E8E3DA;
  --blanc: #FFFFFF;
  --gris: #8C8C96;
  --gris-clair: #B9B9C2;

  /* Quadri (repères d'impression) */
  --cyan: #00A3E0;
  --jaune: #FFD100;

  /* Typographies */
  --f-titre: "Syne", "Arial Black", sans-serif;
  --f-texte: "Jost", "Helvetica Neue", Arial, sans-serif;

  /* Échelle */
  --t-xs: .75rem;
  --t-s: .875rem;
  --t-m: 1.0625rem;
  --t-l: clamp(1.25rem, 1.1rem + .6vw, 1.6rem);
  --t-xl: clamp(2rem, 1.4rem + 2.6vw, 3.6rem);
  --t-xxl: clamp(2.3rem, 1rem + 3.6vw, 4.4rem);

  /* Espacements, rayons, ombres */
  --gouttiere: clamp(1rem, 4vw, 3rem);
  --section: clamp(4.5rem, 10vw, 9rem);
  --largeur: 1240px;
  --rayon: 14px;
  --rayon-s: 8px;
  --ombre-carte: 0 2px 4px rgba(0,0,0,.25), 0 24px 60px -12px rgba(0,0,0,.55);
  --transition: .5s cubic-bezier(.2, .8, .2, 1);
}