/* ============================================================
   z/S SYSTEMS · GÉNÉRATION 2 · LE SOCLE
   S01 · 17 septembre 2026 · extrait de SYSTEME-DEUX-ETATS-V1.html
   12 jetons, 9 niveaux, deux états. Zéro effet tant que
   [data-zs-g2="eveille"] n'est posé nulle part · voir zs-g2.js (S02).
   Servi par le moteur (Vercel), pas par le stockage de fichiers
   Ghost · celui-ci sert les .css en text/plain + nosniff, ce qui
   empêche tout navigateur de l'appliquer comme feuille de style.
   Sondé et confirmé en échec au vrai navigateur le 17 septembre
   avant d'écrire cette ligne. Le moteur sert le bon type.
   ============================================================ */

[data-zs-g2="eveille"]{
  --ft:'Fraunces',Georgia,serif;
  --fp:'Newsreader',Georgia,serif;
  --fm:'JetBrains Mono',ui-monospace,monospace;
  --n0:11px; --n1:17px; --n2:19px; --n3:22px; --n4:30px; --n5:44px; --n6:30px;
  --e1:8px; --e2:16px; --e3:26px; --e4:44px; --e5:72px;
  --mesure:52ch; --ligne:1.68; --touche:44px;
}

/* ---- ÉTAT PUBLIC · INSTRUMENT ---- */
[data-zs-g2="eveille"][data-etat="public"]{
  --bg:#FFFFFF; --bg2:#F6F6F8; --fg:#0B0B0D; --co:#3C3C47; --dim:#6E6E78;
  --filet:#E2E2E8; --acc:#FF1F8B; --btbg:#0B0B0D; --btfg:#FFFFFF; --btbd:#0B0B0D;
  --ftitre:var(--fm); --wtitre:500; --ltitre:-.045em; --caps:uppercase;
}

/* ---- ÉTAT PAYANT · ÉCLIPSE ---- */
[data-zs-g2="eveille"][data-etat="payant"]{
  --bg:#050010; --bg2:#0C0620; --fg:#FFF3E2; --co:#C4B8D4; --dim:#8E7FA6;
  --filet:#241634; --acc:#FFD480; --btbg:#FFD480; --btfg:#0B0910; --btbd:#FFD480;
  --ftitre:var(--ft); --wtitre:300; --ltitre:-.015em; --caps:none;
}

/* ---- LA GARDE · le socle gagne contre le thème sur le canevas de base.
   Chaque classe posée par les salves suivantes (S03 et après) porte ses
   propres règles sur ses propres éléments · ceci ne force que le fond et
   le texte du conteneur armé lui même, jamais ses descendants, pour ne
   rien casser avant que S03 n'existe. ---- */
body[data-zs-g2="eveille"]{
  background-color: var(--bg) !important;
  color: var(--co) !important;
  -webkit-text-fill-color: var(--co) !important;
  font-family: var(--fp);
  line-height: var(--ligne);
}