/* ═══ JETONS — kamagate-conseil ═══════════════════════════════════════════
   Parti-pris : le PORTEFEUILLE est clair (18 sites sur 19). Celui-ci est
   sombre de bout en bout — c'est le premier axe de distinction, avant même
   la couleur. Teintes relevées sur les visuels du dossier : le bleu-nuit des
   vitres de la tour du Plateau, le vert d'eau de la lagune sous ce béton,
   la craie du coton écru. Aucun ton repris des deux versions précédentes
   (rouge brique + bleu Bic ; écru + bronze).
   ═════════════════════════════════════════════════════════════════════ */
@font-face{font-family:"Archivo";src:url("/assets/fonts/archivo-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Archivo";src:url("/assets/fonts/archivo-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Spectral";src:url("/assets/fonts/spectral-500.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Spectral";src:url("/assets/fonts/spectral-600.woff2") format("woff2");font-weight:600;font-display:swap}
/* Métriques ajustées : sans ça le titre resaute à l'arrivée de la display (CLS). */
@font-face{font-family:"display-repli";src:local("Arial Narrow"),local("Helvetica");
  size-adjust:97%;ascent-override:92%;descent-override:24%}

:root{
  --nuit:      #0B1519;   /* vitre de la tour, à contre-jour        */
  --nuit-haut: #102026;   /* la même vitre, un étage plus bas       */
  --ardoise:   #182C33;   /* surface des cartes                     */
  --lagune:    #4E9E85;   /* vert d'eau — ACCENT unique (AA mesuré) */
  --lagune-fonce:#25584A; /* le même, pour les aplats               */
  --craie:     #E9E5DB;   /* coton écru de la toile de Korhogo      */
  --craie-doux:#AFB9B6;

  --texte:      var(--craie);
  --texte-doux: #A9B4B2;
  --filet:      #2A4048;

  --display: "Archivo","display-repli",system-ui,sans-serif;
  --lecture: "Spectral",Georgia,serif;

  --t-geant: clamp(2.7rem, 8.2vw, 7.4rem);
  --t-xxl:   clamp(2rem, 4.6vw, 3.9rem);
  --t-xl:    clamp(1.4rem, 2.6vw, 2.1rem);
  --t-chapo: clamp(1.1rem, 1.5vw, 1.35rem);
  --t-base:  clamp(1.02rem, 1.1vw, 1.12rem);
  --t-petit: .95rem;
  --t-mini:  .8rem;        /* 12,8 px — jamais sous 12 (sonde tactile) */

  --marge: clamp(1.15rem, 5vw, 6rem);
  --bande: clamp(4.5rem, 10vh, 8.5rem);

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