/* ============================================================
   FONDATION RZB v6 — Tokens (éditorial, light, multicolore = la marque)
   Couleurs échantillonnées du logo. PAS de gros blocs sombres (gotcha client).
   ============================================================ */
:root {
  --paper: #fbfaf7;        /* blanc cassé chaud, texture papier */
  --paper-2: #f1f0ea;
  --ink: #0c1024;          /* presque-noir bleuté (texte) */
  --ink-soft: #5a5f70;
  --line: #e6e3da;

  --navy: #001878;         /* ancre marque */
  --red: #d8001e;          /* CTA / accent */
  --root: #0a8a36;         /* vert "racine" */

  /* 5 communes (couleur à sens) */
  --abobo: #f4b81d;        /* enfance — jaune */
  --yamoussoukro: #1464b4; /* éducation — bleu */
  --bouake: #d6168a;       /* femmes — magenta */
  --korhogo: #0a8a36;      /* santé — vert */
  --daloa: #e8551b;        /* culture/jeunesse — orange */

  /* Typo : Ojuju (display fort) + Hanken (texte) + Space Mono (labels rares) */
  --display: "Ojuju", "Hanken Grotesk", sans-serif;
  --text: "Hanken Grotesk", system-ui, sans-serif;
  --mono: "Space Mono", ui-monospace, monospace;

  /* Échelle éditoriale (gros) */
  --t-mega: clamp(3.4rem, 1.2rem + 11vw, 13rem);
  --t-xl:   clamp(2.6rem, 1.3rem + 6vw, 7rem);
  --t-lg:   clamp(2rem, 1.3rem + 3.4vw, 4rem);
  --t-md:   clamp(1.4rem, 1.1rem + 1.4vw, 2.2rem);
  --t-base: clamp(1.05rem, 1rem + .35vw, 1.25rem);
  --t-sm:   clamp(.82rem, .78rem + .18vw, .95rem);

  --sp-1:.5rem; --sp-2:1rem; --sp-3:1.5rem; --sp-4:2.5rem; --sp-5:4rem; --sp-6:6rem; --sp-7:9rem;
  --pad: clamp(1.25rem, 4vw, 5rem);   /* gouttière de page */
  --maxw: 1680px;

  --ease: cubic-bezier(.16,1,.3,1);
  --ease-io: cubic-bezier(.7,0,.3,1);
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}