/* Carnet Japon · les jetons de la DA. Une couleur ou une police se change ICI et nulle part ailleurs.
   Source : design system « Carnet Japon » (tokens.json), ajusté à la maquette d'octobre 2026. */
:root{
  /* fonds */
  --cj-fond:#EFE7D8;            /* le papier des pages et du site */
  --cj-creme:#FBF7EE;           /* cartes, panneaux, listes : posé sur le fond, sans bordure */
  --cj-blanc:#FFFFFF;           /* tuiles, barquettes : le blanc franc, rare */
  --cj-lin:#F2E9DC;             /* panneau pleine largeur secondaire */
  --cj-fond-visionneuse:#3A332C;/* autour du carnet ouvert à l'écran : un brun profond, comme un bureau en bois ; le papier crème ressort */
  --cj-fond-entete:#E4D8C2;     /* l'en-tête du quiz (marque + avancement) : un ton kraft, distinct du papier et du crème */
  --cj-fond-scene:#FBF7EE;      /* quiz sur téléphone : le bandeau du haut (en-tête et aperçu), crème comme le carnet */

  /* encre */
  --cj-encre:#26211C;
  --cj-encre-forte:#3F3A33;
  --cj-encre-douce:#565047;
  --cj-encre-pale:#8A837A;
  --cj-kanji:#B5AFA5;

  /* la seule couleur vive */
  /* la couleur de la marque : le marron terre (titres manuscrits, numéros, choix cochés). Le nom « vermillon » est resté dans le code. */
  --cj-vermillon:#8A4F2E;
  --cj-vermillon-fonce:#6E3E24;
  /* l'accent rare : vert sapin-céladon, réservé aux boutons d'action (Commencer, Payer, Google Maps, Kei) */
  --cj-accent:#2F6B5B;
  --cj-accent-fonce:#24564A;

  /* la structure */
  --cj-bois:#8B6B4E;
  --cj-bois-fonce:#6B5240;
  --cj-filet:rgba(38,33,28,.18);
  --cj-filet-doux:#EDE3D2;
  --cj-route-points:rgba(38,33,28,.5);

  /* illustrations seulement, jamais en texte */
  --cj-sakura:#F2C4CC;
  --cj-riz:#8FA66A;
  --cj-lac:#9FB9C9;
  --cj-terre:#A99279;
  --cj-or:#D9A63A;
  --cj-or-fonce:#A9791E;
  --cj-or-encre:#6E4E0E;        /* l'or en TEXTE (libellés dorés) : lisible sur le crème comme sur le fond du quiz mobile */
  --cj-erable:#C2402D;
  --cj-erable-orange:#D9773A;

  /* catégories (fonds pastel des adresses et des tuiles) */
  --cj-cat-souvenirs:#F3E3C3;
  --cj-cat-kawaii:#F7D6E0;
  --cj-cat-geek:#D6E2F2;
  --cj-cat-mode:#E6DFEF;
  --cj-cat-vintage:#DCE6CF;

  /* polices */
  --cj-police-titre:'Cormorant Garamond',Georgia,serif;
  --cj-police-signature:'Satisfy','Cormorant Garamond',cursive;
  --cj-police-main:'Mansalva','Gochi Hand',cursive;
  --cj-police-texte:'Archivo',system-ui,sans-serif;
  --cj-police-mono:'JetBrains Mono',ui-monospace,monospace;
  --cj-police-jp:'Yusei Magic',sans-serif;

  /* plancher de lecture : 0 dans la page fixe (le livre est agrandi à l'écran, ≥ 12 px réels), 12 px sur téléphone (voir carnet.css) */
  --cj-plancher:0px;
  /* échelle unique du carnet : 10 · 11,5 · 13 · 15 · 17 · 20 · 24 · 28 · 34 · 40 · 48 · 64 px */
  /* tailles dans le carnet (page 440 × 840 px, A5 à l'impression) */
  --cj-t-kicker:24px;
  --cj-t-titre:34px;
  --cj-t-kanji:22px;
  --cj-t-corps:11.5px;
  --cj-t-petit:11.5px;
  --cj-t-plancher:10px;
  --cj-t-note:17px;
  --cj-t-note-texte:20px;
  --cj-t-label:10px;

  /* espaces et arrondis */
  --cj-page-l:440px;
  --cj-page-h:840px;
  --cj-marge-x:28px;
  --cj-marge-haut:32px;
  --cj-marge-bas:24px;
  --cj-rayon:10px;
  --cj-rayon-petit:4px;
  --cj-route-pas:6px;
}