/* ═══ JETONS — kamagate-portfolio ════════════════════════════════════════
   Quatrième direction pour la même cliente. Ce qui la sépare des trois
   autres, dans l'ordre : une ARCHITECTURE en deux colonnes (fiche fixe à
   gauche, lecture qui défile à droite), une display grasse à haut contraste,
   et une teinte prune qu'aucun des trois n'emploie.
   Papier chaud + encre prune + prune profond : relevé sur les murs ocres
   d'Abidjan à l'heure dorée et sur l'encre violine des tampons d'agence.
   ═════════════════════════════════════════════════════════════════════ */
@font-face{font-family:"Abril";src:url("/assets/fonts/abril-fatface-v25-latin-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Schibsted";src:url("/assets/fonts/schibsted-grotesk-latin-normal.woff2") format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Schibsted";src:url("/assets/fonts/schibsted-grotesk-latin-italic.woff2") format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"display-repli";src:local("Georgia"),local("Times New Roman");
  size-adjust:104%;ascent-override:90%;descent-override:22%}

:root{
  --papier:      #F7F3EC;   /* mur ocre lavé par la lumière de 17 h        */
  --papier-bas:  #EFE8DD;   /* le même mur dans l'ombre portée            */
  --encre:       #241C22;   /* noir légèrement prune, jamais un noir pur  */
  --encre-doux:  #4A3F47;
  --prune:       #7A2E4E;   /* ACCENT unique — AA mesuré 8,15 sur papier  */
  --prune-pale:  #C9A6B4;
  --filet:       #DCD2C6;
  --creme:       #FFFDF9;
  --creme-doux:  #D9CFD5;   /* crème posée sur l'encre — AA mesuré 9,7  */
  --creme-terne: #CBC1C7;

  --display: "Abril","display-repli",Georgia,serif;
  --lecture: "Schibsted","Segoe UI",system-ui,sans-serif;

  --t-geant: clamp(2.6rem, 5.6vw, 4.6rem);
  --t-xxl:   clamp(1.9rem, 3.4vw, 3rem);
  --t-xl:    clamp(1.35rem, 2.1vw, 1.8rem);
  --t-chapo: clamp(1.08rem, 1.4vw, 1.28rem);
  --t-base:  clamp(1rem, 1.05vw, 1.08rem);
  --t-petit: .95rem;
  --t-mini:  .8rem;          /* 12,8 px — jamais sous 12 (sonde tactile)  */

  --marge: clamp(1.15rem, 4vw, 4.2rem);
  --bande: clamp(3.4rem, 7vh, 6rem);
  --fiche: 37%;

  --dur-court:160ms; --dur-med:300ms; --dur-long:760ms;
  --ease-out: cubic-bezier(.16,1,.3,1);
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}