/* ============================================================
   Jet d'encre — jetons de la charte
   Aucune ressource externe : polices système uniquement.
   Import : @import "./jetons.css";
   ============================================================ */

:root {
  /* — Papier & encre (clair) — */
  --je-papier: #faf8f3;
  --je-papier-creuse: #f1ece3;
  --je-encre: #191d33;
  --je-encre-douce: #4e5470;
  --je-encre-pale: #868aa0;
  --je-trait: #e3dbcd;
  --je-trait-fort: #d8cebc;

  /* — Accents (repris du logo) — */
  --je-plume: #24407e;          /* bleu d'encre : actions, liens, annotation */
  --je-plume-sombre: #16305f;   /* survol / focus */
  --je-plume-claire: #e9edf7;
  --je-plume-trait: #ccd8ee;

  --je-violette: #6a3fa0;       /* tout ce qui vient d'un LECTEUR */
  --je-violette-claire: #f0eaf9;
  --je-violette-trait: #ded1f0;

  --je-or: #b5842f;             /* filet de titre, jamais un aplat */

  --je-alerte: #a02f36;
  --je-alerte-claire: #f8ecec;
  --je-succes: #2f6b4f;

  /* — Typographie — */
  --je-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --je-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --je-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --je-t-oeuvre: 19px;    --je-i-oeuvre: 1.8;
  --je-t-titre1: 30px;    --je-t-titre2: 20px;
  --je-t-corps: 15px;     --je-i-corps: 1.55;
  --je-t-second: 13px;    --je-t-libelle: 12px;

  /* — Espacement (base 4, sept valeurs) — */
  --je-e1: 4px;  --je-e2: 8px;  --je-e3: 12px; --je-e4: 16px;
  --je-e5: 24px; --je-e6: 32px; --je-e7: 48px;

  /* — Surfaces — */
  --je-filet: 1px solid var(--je-trait);
  --je-rayon: 2px;              /* jamais au-delà */
  --je-mesure: 68ch;            /* 65-75 signes */
  --je-cible: 44px;             /* cible tactile minimale */
}

[data-theme="sombre"] {
  --je-papier: #14151f;
  --je-papier-creuse: #1d1f2c;
  --je-encre: #e9e6dd;
  --je-encre-douce: #a9a8b8;
  --je-encre-pale: #7a7a8c;
  --je-trait: #2e3040;
  --je-trait-fort: #3a3d50;

  --je-plume: #8fb0e8;
  --je-plume-sombre: #b3caf2;
  --je-plume-claire: #232a45;
  --je-plume-trait: #3a4260;

  --je-violette: #b492e6;
  --je-violette-claire: #2b2340;
  --je-violette-trait: #453a63;

  --je-or: #d2a75a;

  --je-alerte: #e08a8a;
  --je-alerte-claire: #33222a;
  --je-succes: #7fb79a;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="clair"]) {
    color-scheme: dark;
  }
}