/* Refonte « Les touches » — jetons (spec §3). Contrastes calculés (journal, lot 1) :
   encre/fond 17,9 · encre-2/fond 6,1 · encre/jaune 17,7 · blanc/bleu 9,2 · encre/orange 5,9.
   Règles : texte noir seulement sur le jaune ; jamais de texte blanc sur l'orange ni de texte
   orange sur blanc (3,3) — l'orange sert aux ronds et aux pastilles à texte noir. */
:root{
  --fond:#f4f4f2; --touche:#ffffff; --touche-bord:#d2d2ce; --touche-ombre:#bdbdb9; --creux:#e6e6e2;
  --encre:#0b0b0c; --encre-2:#5c5c59; --encre-inv:#ffffff; --encre-inv-2:#a8a8a3;
  --jaune:#edff00; --jaune-bord:#b9c700; --bleu:#0231c9; --orange:#ff4d00;
  /* Retouche après le lot 2 (choix de l'utilisateur) : vignettes « A » à texte noir, pavés anthracite.
     encre sur bleu-vif 5,1 · encre sur menthe 14 · texte clair sur anthracite 15,8 */
  --bleu-vif:#3d7bff; --menthe:#7cf5b4; --anthracite:#1a1a1d; --anthracite-bord:#050506; --anthracite-encre:#f4f4f2;
  --f-texte:"Schibsted Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-pixel:"Silkscreen",ui-monospace,"Courier New",monospace;
  --f-mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --r-touche:18px; --r-petit:12px; --r-pastille:999px;
  --appui:4px; --duree-appui:var(--duration-micro); --duree:var(--duration-fast);
  /* Échelle de mouvement (transitions.dev) : une seule graduation pour tout le portail.
     Les séquences sur mesure (déverrouillage des avis, secousse, bandeau) gardent leurs durées. */
  --duration-micro:80ms; --duration-quick:150ms; --duration-fast:250ms; --duration-medium:350ms;
  --ease-smooth-out:cubic-bezier(.22,1,.36,1); --ease-in-out:ease-in-out;
  --distance-base:8px; --distance-medium:12px; --scale-large:.96;
  --haut-h:64px; --bas-h:68px;
  --gouttiere:16px; --largeur:1180px;
  /* Lot 7 (mode sombre) : jetons qui changent avec le thème.
     --noir : les objets noirs (barre du bas, pastilles, touche noire) et le texte posé sur une couleur vive ;
     --lien : texte et focus bleus (le bleu profond ne se lit pas sur fond sombre) ; --neuf : notification nouvelle. */
  --noir:#0b0b0c; --lien:#0231c9; --neuf:#f9ffbf; --bleu-fond:#0231c9;
  --haut-fond:rgba(244,244,242,.86); --haut-trait:rgba(11,11,12,.08);
}

/* ---------- mode sombre « salle obscure » (lot 7) : le même clavier, lumière éteinte.
   Contrastes : encre/fond 16,4 · encre-2/fond 7,2 · encre-2/touche 6,1 · lien/fond 7,6 · lien/touche 6,4. ---------- */
:root[data-theme="sombre"]{
  color-scheme:dark;
  --fond:#141416; --touche:#232327; --touche-bord:#0c0c0e; --touche-ombre:#000; --creux:#2e2e33;
  --encre:#f2f2ee; --encre-2:#a2a29c;
  /* pavés (une, avis des amis) : un cran AU-DESSUS du fond, pour garder leur relief */
  --anthracite:#1e1e22; --anthracite-bord:#08080a;
  /* --bleu-fond : barres de progression, puces choisies, cases cochées (texte blanc dessus : 5,2:1) */
  --noir:#050506; --lien:#8ea6ff; --neuf:#2f3214; --bleu-fond:#2f5bff;
  --haut-fond:rgba(20,20,22,.86); --haut-trait:rgba(255,255,255,.07);
}