/* Jetons du site d'Adrien Pouchard (v14). Seul fichier où le rouge est défini.
   Valeurs issues de direction-artistique.md §1 à §6. Aucun bleu, aucun orange. */
:root {
  color-scheme: light;

  /* matière */
  --ivoire: #F2EEE6;
  --papier: #FAF8F3;
  --papier-2: #E8E3D8;
  --encre: #121110;

  /* gris d'encre : valeurs pleines (contrastes garantis) */
  --encre-2: #514F4C;   /* texte secondaire */
  --encre-3: #63615D;   /* légendes mono, placeholders */
  --encre-4: #75726E;   /* bordures de champs, jamais du texte */
  --encre-off: #8D8B86; /* désactivé */

  /* filets */
  --filet: rgba(18, 17, 16, .20);
  --filet-fort: rgba(18, 17, 16, .32);

  /* la main d'Adrien : le seul endroit où le rouge existe */
  --main-trait: #B3261E;
  --main-texte: #8F1F19;

  /* tirages et lettre */
  --ombre-tirage: 0 1px 1px rgba(60, 45, 20, .07), 0 22px 36px -22px rgba(60, 45, 20, .55);
  --ombre-tirage-haut: 0 2px 2px rgba(60, 45, 20, .08), 0 34px 48px -24px rgba(60, 45, 20, .6);
  --bord-tirage: rgba(18, 17, 16, .30);
  --filtre-tirage: grayscale(1) sepia(.07) brightness(.985);
  --lueur-a: rgba(255, 255, 255, .55);
  --lueur-b: rgba(60, 45, 20, .035);

  /* polices */
  --sans: "Switzer", "Switzer Repli", "Helvetica Neue", Arial, sans-serif;
  --mono: "Geist Mono", "Geist Mono Repli", ui-monospace, Consolas, monospace;
  --main: "Main", "Segoe Print", cursive;

  /* échelle typographique (fluide : 390 px et 1440 px) */
  --t-accroche: clamp(2.375rem, 12.4vw, 13.5rem);
  --t-display: clamp(2.75rem, 8vw + .8rem, 8.5rem);
  --t-rangee: clamp(2.25rem, 2.2vw + 1rem, 3.25rem);
  --t-h2: clamp(2rem, 3.05vw + 1.26rem, 4.5rem);
  --t-h3: clamp(1.375rem, .95vw + 1.14rem, 2.25rem);
  --t-chapeau: clamp(1.125rem, .57vw + .99rem, 1.625rem);
  --t-texte: clamp(1rem, .19vw + .95rem, 1.125rem);
  --t-petit: clamp(.875rem, .1vw + .83rem, .9375rem);
  --t-mono: clamp(.75rem, .1vw + .7rem, .8125rem);
  --t-chiffre: clamp(4.5rem, 8.4vw + 2.1rem, 10rem);
  --t-phrase: clamp(2.25rem, 4.1vw + .9rem, 5.25rem);
  --t-annotation: clamp(1.625rem, .76vw + 1.44rem, 2.25rem);

  /* grille et espacements */
  --marge: clamp(20px, 3.33vw, 60px);
  --gouttiere: clamp(16px, 1.67vw, 32px);
  --s-1: 4px; --s-2: 8px; --s-3: 16px; --s-4: 24px; --s-5: 32px;
  --s-6: 48px; --s-7: 64px; --s-8: 96px; --s-9: 128px; --s-10: 192px;
  --s-espace-partie: clamp(56px, 5.2vw, 80px);
  --s-titre: clamp(32px, 3.4vw, 48px);
  --entete-h: 60px;
  --lecture: 36rem;

  /* mouvement */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-inout: cubic-bezier(.65, 0, .35, 1);
  --ease-ink: cubic-bezier(.5, .05, .2, 1);
  --d-micro: 160ms; --d-lien: 240ms; --d-panneau: 320ms;
  --d-survol-tirage: 480ms; --d-ligne: 1000ms; --d-tirage: 1100ms;
}

@media (min-width: 1024px) {
  :root { --entete-h: 76px; }
}
