/* ==========================================================================
   themes.css — LES SIX THÈMES DU SITE                    (créé le 30/08/2026)

   Chargé EN PREMIER, avant kalipay.css et avant toute autre feuille, sur
   toutes les pages du site (le centre de gestion, lui, a son propre jeu de
   variables dans admin/style.css — il ne lit pas ce fichier).

     · kalipay — le bordeaux d'origine, thème par défaut
     · sombre  — « Nuit d'encre »
     · clair   — « Miss Lingerie », rose pâle (ex-« Papier & encre », 04/10/2026)
     · abysse  — « Abysse », bleu turquoise    (ajouté le 13/09/2026)
     · magenta — « Néon rose », rose fluo      (ajouté le 13/09/2026)
     · creme   — « Crème », clair et chaud     (ajouté le 13/09/2026)

   Le thème est posé côté serveur sur la balise <html> :
       <html lang="fr" data-theme="sombre">
   voir noyau/theme-public.php. Aucun clignotement, aucun JS.

   RÈGLE : plus aucune couleur en dur ailleurs. Ni dans les feuilles CSS, ni
   dans les <style> intégrés des pages PHP. Si une couleur manque, on ajoute
   une variable ICI, dans les six thèmes — on n'écrit pas un #xxxxxx.
   (Deux exceptions assumées : noyau/acces.php et noyau/maintenance.php, qui
   doivent s'afficher même si plus rien d'autre ne se charge.)

   RÈGLE DE CONTRASTE (héritée de kalipay.css) : en thème clair, jamais de
   gris de texte plus clair que #4b5563 sur fond blanc.

   Les valeurs du thème « kalipay » sont exactement celles qui étaient
   écrites en dur dans le site avant la conversion du 30/08/2026 : le thème
   par défaut n'a pas changé d'aspect.

   POURQUOI :root ET JAMAIS UNE CLASSE — la page publique d'une soirée est
   ré-affichée dans le gabarit du site, et noyau/soiree-page.php préfixe
   alors TOUS les sélecteurs de sa feuille par « .soiree-embed ». Un bloc
   :root écrit dans page.css deviendrait « .soiree-embed :root » et les
   variables disparaîtraient. Elles ne vivent que dans ce fichier-ci, qui
   n'est jamais préfixé.

   LES DEUX FAMILLES DE SURFACES
   · --fond / --carte / --txt …  : le gabarit du site, sombre par défaut.
   · --papier / --papier-txt …   : les cartes blanches des pages de soirée
     (inscription, participants, désinscription). Elles restent blanches en
     kalipay et en clair, et deviennent gris foncé en sombre.
   ========================================================================== */


/* ==========================================================================
   1. KALIPAY — le bordeaux d'origine (thème par défaut)
   ========================================================================== */
:root,
html[data-theme="kalipay"] {
  /* ---- FONDS ET SURFACES ----------------------------------------------- */
  --fond:                #2c0f16;                          /* fond de page */
  --fond-2:              #1c0b0e;                          /* creux : champs de saisie, zones en retrait */
  --fond-3:              #521e29;                          /* relief : survol, ligne alternée, bandeau */
  --fond-4:              #2a2521;                          /* fond neutre chaud (cartouches, logos) */
  --brun:                #4a2a12;                          /* brun : boutons d'humeur */
  --brun-2:              #5a3316;                          /* son survol */
  --brun-3:              #5a2b1e;                          /* dégradé de bandeau */
  --carte:               #421821;                          /* fond d'une carte */
  --carte-2:             #4e1e28;                          /* carte posée sur une carte */
  --carte-3:             #3d1620;                          /* variante sourde de --carte */
  /* ---- TRAITS ---------------------------------------------------------- */
  --trait:               #6b2530;                          /* bordure courante */
  --trait-2:             #57202a;                          /* séparateur interne, plus discret */
  --trait-3:             #5c3a3f;                          /* bordure d'un élément en relief */
  --trait-4:           #8a4a56;                          /* bordure d'un élément survolé */
  --trait-voile:         rgba(107,37,48,.70);              /* bordure translucide */
  /* ---- TEXTES ---------------------------------------------------------- */
  --txt:                 #f7e6de;                          /* texte courant */
  --txt-1:               #e6c3b6;                          /* appuyé, un cran sous --txt */
  --txt-2:               #c08f7c;                          /* secondaire : légendes, labels */
  --txt-3:               #a2937c;                          /* tertiaire : en-têtes de tableau */
  --txt-4:               #c1c8d1;                          /* gris froid : mentions techniques */
  --txt-5:             #6b6259;                          /* gris chaud très discret */
  --sur-couleur:         #ffffff;                          /* texte posé sur un aplat --accent */
  --sur-or:              #1a1a1a;                          /* texte posé sur un aplat doré */
  --sur-vert:            #04220f;                          /* texte posé sur un aplat vert */
  --sur-vif:             #ffffff;                          /* texte sur un aplat de couleur vive */
  /* ---- ACCENT ---------------------------------------------------------- */
  --accent:              #ff4757;                          /* couleur d'action : boutons, focus */
  --accent-fonce:        #c9303f;                          /* survol d'un bouton d'action */
  --accent-2:          #e11d48;                          /* seconde nuance d'accent */
  --lien:                #ff8a94;                          /* lien dans un texte */
  --lien-2:              #ff6b78;                          /* seconde nuance de lien */
  --lien-survol:         #ffb3ba;
  --accent-voile:        rgba(255,71,87,.14);              /* aplat d'accent translucide */
  --accent-voile-fort:   rgba(225,29,72,.62);
  /* ---- PAPIER — les surfaces claires des pages de soirée --------------- */
  --papier:              #ffffff;                          /* carte blanche (inscription, participants) */
  --papier-2:            #f9fafb;                          /* zone en retrait sur papier */
  --papier-3:            #f3f4f6;                          /* relief sur papier */
  --papier-txt:          #333333;                          /* texte sur papier */
  --papier-txt-1:      #111827;                          /* texte le plus foncé sur papier */
  --papier-txt-2:        #6b7280;
  --papier-txt-3:        #9ca3af;
  --papier-trait:        #e5e7eb;                          /* bordure sur papier */
  --papier-fond:         #14110f;                          /* fond de page derrière les cartes de papier */
  /* Rôles des six nuances d'une famille de couleur :
       --X          aplat plein et bordure
       --X-txt      TEXTE, lisible sur le fond du thème (clair en sombre, foncé en clair)
       --X-pale     FOND d'étiquette pastel — même valeur dans les six thèmes :
                    une étiquette porte son propre fond, elle reste lisible partout
       --X-fonce    texte ou aplat appuyé, foncé dans les six thèmes
       --X-sombre   FOND d'étiquette foncé — devient pâle en thème clair, où il
                    s'associe à --X-txt qui, lui, devient foncé
       --X-voile    aplat translucide, se pose sur n'importe quel fond          */
  /* ---- OR — l'or Kalipay : distinctions, liserés, mentions d'honneur --- */
  --or:                  #d4af37;                          /* aplat et bordure */
  --or-txt:              #e0b52e;                          /* texte sur le fond du thème */
  --or-pale:             #f0dda0;                          /* nuance très claire */
  --or-fonce:            #b8860b;                          /* appui, survol */
  --or-papier:           #8b6508;                          /* texte sur une surface papier */
  --or-vif:            #ffd700;                          /* éclat : médailles, mise en avant */
  --or-sombre:           #8b6508;                          /* le plus foncé : fonds d'étiquette */
  --or-voile:            rgba(212,175,55,.22);             /* aplat translucide */
  /* ---- VERT — validé, présent, disponible ------------------------------ */
  --vert:                #22c55e;                          /* aplat et bordure */
  --vert-moyen:        #16a34a;                          /* un cran sous --vert */
  --vert-txt:            #4ade80;                          /* texte sur le fond du thème */
  --vert-pale:           #bbf7d0;                          /* nuance très claire */
  --vert-blanc:          #bbf7d0;                          /* vert le plus clair */
  --vert-vif:          #10b981;                          /* émeraude : validation forte */
  --vert-fonce:          #15803d;                          /* appui, survol */
  --vert-papier:         #15803d;                          /* texte sur une surface papier */
  --vert-tres-fonce:   #166534;
  --vert-sombre:         #14532d;                          /* le plus foncé : fonds d'étiquette */
  --vert-voile:          rgba(34,197,94,.20);              /* aplat translucide */
  --vert-voile-fort:     rgba(22,101,52,.35);
  /* ---- BLEU — information, lien externe, covoiturage ------------------- */
  --bleu:                #3b82f6;                          /* aplat et bordure */
  --bleu-txt:            #93c5fd;                          /* texte sur le fond du thème */
  --bleu-pale:           #bfdbfe;                          /* nuance très claire */
  --bleu-blanc:        #eff6ff;                          /* fond bleuté presque blanc */
  --bleu-fonce:          #1d4ed8;                          /* appui, survol */
  --bleu-papier:         #1d4ed8;                          /* texte sur une surface papier */
  --bleu-sombre:         #1e3a8a;                          /* le plus foncé : fonds d'étiquette */
  --indigo:              #4f46e5;                          /* dégradé indigo */
  --bleu-voile:          rgba(59,130,246,.18);             /* aplat translucide */
  --bleu-voile-fort:     rgba(147,197,253,.45);
  /* ---- VIOLET — catégories, étiquettes de profil ----------------------- */
  --violet:              #a855f7;                          /* aplat et bordure */
  --violet-txt:          #d8b4fe;                          /* texte sur le fond du thème */
  --violet-pale:         #e9d5ff;                          /* nuance très claire */
  --violet-fonce:        #7e22ce;                          /* appui, survol */
  --violet-papier:       #7e22ce;                          /* texte sur une surface papier */
  --violet-sombre:       #3b0764;                          /* le plus foncé : fonds d'étiquette */
  --violet-voile:        rgba(107,33,168,.22);             /* aplat translucide */
  --violet-voile-fort:   rgba(107,33,168,.38);             /* voile appuyé (survol) */
  /* ---- ROSE — coups de cœur, réactions --------------------------------- */
  --rose:                #ec4899;                          /* aplat et bordure */
  --rose-txt:            #f9a8d4;                          /* texte sur le fond du thème */
  --rose-pale:           #fbcfe8;                          /* nuance très claire */
  --rose-fonce:          #be185d;                          /* appui, survol */
  --rose-papier:         #be185d;                          /* texte sur une surface papier */
  --rose-sombre:         #500724;                          /* le plus foncé : fonds d'étiquette */
  --rose-voile:          rgba(236,72,153,.20);             /* aplat translucide */
  --rose-voile-fort:     rgba(236,72,153,.34);             /* voile appuyé (survol) */
  /* ---- ORANGE — en attente, à confirmer -------------------------------- */
  --orange:              #f97316;                          /* aplat et bordure */
  --orange-txt:          #fdba74;                          /* texte sur le fond du thème */
  --orange-pale:         #fed7aa;                          /* nuance très claire */
  --orange-fonce:        #c2410c;                          /* appui, survol */
  --orange-papier:       #c2410c;                          /* texte sur une surface papier */
  --orange-ambre:      #d97706;                          /* ambre : en attente */
  --orange-sombre:       #7c2d12;                          /* le plus foncé : fonds d'étiquette */
  --orange-brun:       #b45309;
  --orange-voile:        rgba(217,119,6,.20);              /* aplat translucide */
  --orange-voile-fort:   rgba(217,119,6,.34);              /* voile appuyé (survol) */
  /* ---- JAUNE — avertissement, brouillon -------------------------------- */
  --jaune:               #fcd34d;                          /* aplat et bordure */
  --jaune-ambre:       #f59e0b;                          /* jaune profond */
  --jaune-txt:           #fde68a;                          /* texte sur le fond du thème */
  --jaune-pale:          #fef3c7;                          /* nuance très claire */
  --jaune-fonce:         #a16207;                          /* appui, survol */
  --jaune-papier:        #a16207;                          /* texte sur une surface papier */
  --jaune-sombre:        #78350f;                          /* le plus foncé : fonds d'étiquette */
  --jaune-voile:         rgba(252,211,77,.20);             /* aplat translucide */
  --jaune-voile-fort:    rgba(252,211,77,.34);             /* voile appuyé (survol) */
  /* ---- ROUGE — refus, annulation, suppression -------------------------- */
  --rouge:               #dc2626;                          /* aplat et bordure */
  --rouge-vif:         #ef4444;                          /* rouge clair d'alerte */
  --rouge-txt:           #fca5a5;                          /* texte sur le fond du thème */
  --rouge-clair:         #f87171;
  --rouge-pale:          #fecaca;                          /* nuance très claire */
  --rouge-fonce:         #b91c1c;                          /* appui, survol */
  --rouge-papier:        #b91c1c;                          /* texte sur une surface papier */
  --rouge-tres-fonce:  #991b1b;
  --rouge-sombre:        #7f1d1d;                          /* le plus foncé : fonds d'étiquette */
  --rouge-voile:         rgba(220,38,38,.18);              /* aplat translucide */
  --rouge-voile-fort:    rgba(150,20,32,.70);
  /* ---- VOILES, OMBRES ET DIVERS ---------------------------------------- */
  --blanc-voile:         rgba(255,255,255,.40);
  --or-voile-fort:       rgba(212,175,55,.55);                 /* liseré doré appuyé */
  --soutien:             #d4af37;                              /* liseré d'un soutien : or plein */
  --soutien-voile:       rgba(212,175,55,.30);                 /* son halo */
  --lien-voile:          rgba(255,138,148,.35);                /* halo d'un lien */
  --blanc-voile-fort:    rgba(255,255,255,.75);            /* verre dépoli clair */
  --surbrillance:        rgba(255,255,255,.05);            /* relief très léger */
  --ombre-couleur:       rgba(0,0,0,.35);                  /* couleur d'une ombre portée */
  --ombre-forte:         rgba(0,0,0,.60);
  --voile:               rgba(20,17,15,.60);               /* fond des pop-up */
  --voile-doux:          rgba(20,17,15,.18);               /* voile léger sur une image */
  --voile-fort:          rgba(0,0,0,.80);                  /* fond d'une visionneuse d'image */
  --ombre:               0 4px 20px rgba(0,0,0,.35);       /* ombre complète d'une carte */
  --ombre-2:             0 10px 30px rgba(0,0,0,.28);      /* ombre d'une pop-up */
  --barre-navigateur:    #d4af37;                          /* barre du navigateur / PWA */
}


/* ==========================================================================
   2. SOMBRE — « Nuit d'encre »
   ========================================================================== */
html[data-theme="sombre"] {
  /* ---- FONDS ET SURFACES ----------------------------------------------- */
  --fond:                #0f1115;                          /* fond de page */
  --fond-2:              #0b0d11;                          /* creux : champs de saisie, zones en retrait */
  --fond-3:              #1c202a;                          /* relief : survol, ligne alternée, bandeau */
  --fond-4:              #1a1d24;                          /* fond neutre chaud (cartouches, logos) */
  --brun:                #2e1206;                          /* brun : boutons d'humeur */
  --brun-2:              #3a1a08;                          /* son survol */
  --brun-3:              #33170f;                          /* dégradé de bandeau */
  --carte:               #171a21;                          /* fond d'une carte */
  --carte-2:             #1f242e;                          /* carte posée sur une carte */
  --carte-3:             #141821;                          /* variante sourde de --carte */
  /* ---- TRAITS ---------------------------------------------------------- */
  --trait:               #262b35;                          /* bordure courante */
  --trait-2:             #1d222b;                          /* séparateur interne, plus discret */
  --trait-3:             #333a46;                          /* bordure d'un élément en relief */
  --trait-4:           #3d4553;                          /* bordure d'un élément survolé */
  --trait-voile:         rgba(38,43,53,.70);               /* bordure translucide */
  /* ---- TEXTES ---------------------------------------------------------- */
  --txt:                 #e8eaed;                          /* texte courant */
  --txt-1:               #c8cdd6;                          /* appuyé, un cran sous --txt */
  --txt-2:               #9aa3b2;                          /* secondaire : légendes, labels */
  --txt-3:               #6b7484;                          /* tertiaire : en-têtes de tableau */
  --txt-4:               #7d8697;                          /* gris froid : mentions techniques */
  --txt-5:             #5f6673;                          /* gris chaud très discret */
  --sur-couleur:         #1a1408;                          /* texte posé sur un aplat --accent */
  --sur-or:              #1a1408;                          /* texte posé sur un aplat doré */
  --sur-vert:            #04220f;                          /* texte posé sur un aplat vert */
  --sur-vif:             #ffffff;                          /* texte sur un aplat de couleur vive */
  /* ---- ACCENT ---------------------------------------------------------- */
  --accent:              #d4af37;                          /* couleur d'action : boutons, focus */
  --accent-fonce:        #b8912a;                          /* survol d'un bouton d'action */
  --accent-2:          #c9a227;                          /* seconde nuance d'accent */
  --lien:                #e0bd4e;                          /* lien dans un texte */
  --lien-2:              #d8b445;                          /* seconde nuance de lien */
  --lien-survol:         #f0d67e;
  --accent-voile:        rgba(212,175,55,.14);             /* aplat d'accent translucide */
  --accent-voile-fort:   rgba(212,175,55,.45);
  /* ---- PAPIER — les surfaces claires des pages de soirée --------------- */
  --papier:              #171a21;                          /* carte blanche (inscription, participants) */
  --papier-2:            #1f242e;                          /* zone en retrait sur papier */
  --papier-3:            #262b35;                          /* relief sur papier */
  --papier-txt:          #e8eaed;                          /* texte sur papier */
  --papier-txt-1:      #f2f4f7;                          /* texte le plus foncé sur papier */
  --papier-txt-2:        #9aa3b2;
  --papier-txt-3:        #6b7484;
  --papier-trait:        #262b35;                          /* bordure sur papier */
  --papier-fond:         #0b0d11;                          /* fond de page derrière les cartes de papier */
  /* ---- OR — l'or Kalipay : distinctions, liserés, mentions d'honneur --- */
  --or:                  #d4af37;                          /* aplat et bordure */
  --or-txt:              #e8c15a;                          /* texte sur le fond du thème */
  --or-pale:             #f0dda0;                          /* nuance très claire */
  --or-fonce:            #9a7418;                          /* appui, survol */
  --or-papier:           #e8c15a;                          /* texte sur une surface papier */
  --or-vif:            #ffd700;                          /* éclat : médailles, mise en avant */
  --or-sombre:           #6b5210;                          /* le plus foncé : fonds d'étiquette */
  --or-voile:            rgba(212,175,55,.18);             /* aplat translucide */
  /* ---- VERT — validé, présent, disponible ------------------------------ */
  --vert:                #22c55e;                          /* aplat et bordure */
  --vert-moyen:        #16a34a;                          /* un cran sous --vert */
  --vert-txt:            #6ee7a0;                          /* texte sur le fond du thème */
  --vert-pale:           #bbf7d0;                          /* nuance très claire */
  --vert-blanc:          #1a3a28;                          /* vert le plus clair */
  --vert-vif:          #10b981;                          /* émeraude : validation forte */
  --vert-fonce:          #15803d;                          /* appui, survol */
  --vert-papier:         #6ee7a0;                          /* texte sur une surface papier */
  --vert-tres-fonce:   #166534;
  --vert-sombre:         #12331f;                          /* le plus foncé : fonds d'étiquette */
  --vert-voile:          rgba(34,197,94,.16);              /* aplat translucide */
  --vert-voile-fort:     rgba(22,101,52,.35);
  /* ---- BLEU — information, lien externe, covoiturage ------------------- */
  --bleu:                #3b82f6;                          /* aplat et bordure */
  --bleu-txt:            #8ec2ea;                          /* texte sur le fond du thème */
  --bleu-pale:           #bfdbfe;                          /* nuance très claire */
  --bleu-blanc:        #16202c;                          /* fond bleuté presque blanc */
  --bleu-fonce:          #1d4ed8;                          /* appui, survol */
  --bleu-papier:         #8ec2ea;                          /* texte sur une surface papier */
  --bleu-sombre:         #12263a;                          /* le plus foncé : fonds d'étiquette */
  --indigo:              #4f46e5;                          /* dégradé indigo */
  --bleu-voile:          rgba(59,130,246,.16);             /* aplat translucide */
  --bleu-voile-fort:     rgba(147,197,253,.45);
  /* ---- VIOLET — catégories, étiquettes de profil ----------------------- */
  --violet:              #a855f7;                          /* aplat et bordure */
  --violet-txt:          #d8b4fe;                          /* texte sur le fond du thème */
  --violet-pale:         #e9d5ff;                          /* nuance très claire */
  --violet-fonce:        #7e22ce;                          /* appui, survol */
  --violet-papier:       #d8b4fe;                          /* texte sur une surface papier */
  --violet-sombre:       #2a0a45;                          /* le plus foncé : fonds d'étiquette */
  --violet-voile:        rgba(107,33,168,.20);             /* aplat translucide */
  --violet-voile-fort:   rgba(107,33,168,.34);             /* voile appuyé (survol) */
  /* ---- ROSE — coups de cœur, réactions --------------------------------- */
  --rose:                #ec4899;                          /* aplat et bordure */
  --rose-txt:            #f9a8d4;                          /* texte sur le fond du thème */
  --rose-pale:           #fbcfe8;                          /* nuance très claire */
  --rose-fonce:          #be185d;                          /* appui, survol */
  --rose-papier:         #f9a8d4;                          /* texte sur une surface papier */
  --rose-sombre:         #3b0522;                          /* le plus foncé : fonds d'étiquette */
  --rose-voile:          rgba(236,72,153,.18);             /* aplat translucide */
  --rose-voile-fort:     rgba(236,72,153,.30);             /* voile appuyé (survol) */
  /* ---- ORANGE — en attente, à confirmer -------------------------------- */
  --orange:              #f97316;                          /* aplat et bordure */
  --orange-txt:          #fdba74;                          /* texte sur le fond du thème */
  --orange-pale:         #fed7aa;                          /* nuance très claire */
  --orange-fonce:        #c2410c;                          /* appui, survol */
  --orange-papier:       #fdba74;                          /* texte sur une surface papier */
  --orange-ambre:      #d97706;                          /* ambre : en attente */
  --orange-sombre:       #2e1206;                          /* le plus foncé : fonds d'étiquette */
  --orange-brun:       #b45309;
  --orange-voile:        rgba(217,119,6,.18);              /* aplat translucide */
  --orange-voile-fort:   rgba(217,119,6,.30);              /* voile appuyé (survol) */
  /* ---- JAUNE — avertissement, brouillon -------------------------------- */
  --jaune:               #f0c65a;                          /* aplat et bordure */
  --jaune-ambre:       #f59e0b;                          /* jaune profond */
  --jaune-txt:           #fde68a;                          /* texte sur le fond du thème */
  --jaune-pale:          #fef3c7;                          /* nuance très claire */
  --jaune-fonce:         #a16207;                          /* appui, survol */
  --jaune-papier:        #f0c65a;                          /* texte sur une surface papier */
  --jaune-sombre:        #3a2c0d;                          /* le plus foncé : fonds d'étiquette */
  --jaune-voile:         rgba(240,198,90,.18);             /* aplat translucide */
  --jaune-voile-fort:    rgba(240,198,90,.30);             /* voile appuyé (survol) */
  /* ---- ROUGE — refus, annulation, suppression -------------------------- */
  --rouge:               #ef4444;                          /* aplat et bordure */
  --rouge-vif:         #ef4444;                          /* rouge clair d'alerte */
  --rouge-txt:           #ff9aa2;                          /* texte sur le fond du thème */
  --rouge-clair:         #f87171;
  --rouge-pale:          #fecaca;                          /* nuance très claire */
  --rouge-fonce:         #b91c1c;                          /* appui, survol */
  --rouge-papier:        #ff9aa2;                          /* texte sur une surface papier */
  --rouge-tres-fonce:  #991b1b;
  --rouge-sombre:        #3a1418;                          /* le plus foncé : fonds d'étiquette */
  --rouge-voile:         rgba(239,68,68,.16);              /* aplat translucide */
  --rouge-voile-fort:    rgba(150,20,32,.70);
  /* ---- VOILES, OMBRES ET DIVERS ---------------------------------------- */
  --blanc-voile:         rgba(255,255,255,.30);
  --or-voile-fort:       rgba(212,175,55,.50);                 /* liseré doré appuyé */
  --soutien:             #d4af37;                              /* liseré d'un soutien : or plein */
  --soutien-voile:       rgba(212,175,55,.30);                 /* son halo */
  --lien-voile:          rgba(224,189,78,.30);                 /* halo d'un lien */
  --blanc-voile-fort:    rgba(255,255,255,.60);            /* verre dépoli clair */
  --surbrillance:        rgba(255,255,255,.05);            /* relief très léger */
  --ombre-couleur:       rgba(0,0,0,.55);                  /* couleur d'une ombre portée */
  --ombre-forte:         rgba(0,0,0,.72);
  --voile:               rgba(0,0,0,.70);                  /* fond des pop-up */
  --voile-doux:          rgba(0,0,0,.22);                  /* voile léger sur une image */
  --voile-fort:          rgba(0,0,0,.86);                  /* fond d'une visionneuse d'image */
  --ombre:               0 4px 20px rgba(0,0,0,.55);       /* ombre complète d'une carte */
  --ombre-2:             0 10px 30px rgba(0,0,0,.5);       /* ombre d'une pop-up */
  --barre-navigateur:    #0f1115;                          /* barre du navigateur / PWA */
}


/* ==========================================================================
   3. CLAIR — « Miss Lingerie » (ex-« Papier & encre », renommé le 04/10/2026)
   ========================================================================== */
html[data-theme="clair"] {
  /* ---- FONDS ET SURFACES ----------------------------------------------- */
  --fond:                #f6e0e2;                          /* fond de page */
  --fond-2:              #f0d0d5;                          /* creux : champs de saisie, zones en retrait */
  --fond-3:              #e8bfc6;                          /* relief : survol, ligne alternée, bandeau */
  --fond-4:              #f2dadd;                          /* fond neutre chaud (cartouches, logos) */
  --brun:                #f3d3d3;                          /* brun : boutons d'humeur */
  --brun-2:              #ebbfc0;                          /* son survol */
  --brun-3:              #f0cfd2;                          /* dégradé de bandeau */
  --carte:               #fcecee;                          /* fond d'une carte */
  --carte-2:             #f8e2e5;                          /* carte posée sur une carte */
  --carte-3:             #fae6e9;                          /* variante sourde de --carte */
  /* ---- TRAITS ---------------------------------------------------------- */
  --trait:               #dfbcbc;                          /* bordure courante */
  --trait-2:             #e8ccce;                          /* séparateur interne, plus discret */
  --trait-3:             #d6b0b4;                          /* bordure d'un élément en relief */
  --trait-4:           #caa0a6;                          /* bordure d'un élément survolé */
  --trait-voile:         rgba(223,188,188,.70);            /* bordure translucide */
  /* ---- TEXTES ---------------------------------------------------------- */
  --txt:                 #33202a;                          /* texte courant */
  --txt-1:               #46303a;                          /* appuyé, un cran sous --txt */
  --txt-2:               #664a56;                          /* secondaire : légendes, labels */
  --txt-3:               #6a4e5a;                          /* tertiaire : en-têtes de tableau */
  --txt-4:               #70545f;                          /* gris froid : mentions techniques */
  --txt-5:             #755a64;                          /* gris chaud très discret */
  --sur-couleur:         #fff0f2;                          /* texte posé sur un aplat --accent */
  --sur-or:              #2a1a08;                          /* texte posé sur un aplat doré */
  --sur-vert:            #04220f;                          /* texte posé sur un aplat vert */
  --sur-vif:             #fff0f2;                          /* texte sur un aplat de couleur vive */
  /* ---- ACCENT ---------------------------------------------------------- */
  --accent:              #8e3a5a;                          /* couleur d'action : boutons, focus */
  --accent-fonce:        #6f2b45;                          /* survol d'un bouton d'action */
  --accent-2:          #a3243f;                          /* seconde nuance d'accent */
  --lien:                #8e3a5a;                          /* lien dans un texte */
  --lien-2:              #8e3a5a;                          /* seconde nuance de lien */
  --lien-survol:         #6f2b45;
  --accent-voile:        rgba(142,58,90,.12);             /* aplat d'accent translucide */
  --accent-voile-fort:   rgba(142,58,90,.30);
  /* ---- PAPIER — les surfaces claires des pages de soirée --------------- */
  --papier:              #fcecee;                          /* carte blanche (inscription, participants) */
  --papier-2:            #f8e2e5;                          /* zone en retrait sur papier */
  --papier-3:            #f3d6da;                          /* relief sur papier */
  --papier-txt:          #33202a;                          /* texte sur papier */
  --papier-txt-1:      #241219;                          /* texte le plus foncé sur papier */
  --papier-txt-2:        #664a56;
  --papier-txt-3:        #6a4e5a;
  --papier-trait:        #e6ccc9;                          /* bordure sur papier */
  --papier-fond:         #f0d0d5;                          /* fond de page derrière les cartes de papier */
  /* ---- OR — l'or Kalipay : distinctions, liserés, mentions d'honneur --- */
  --or:                  #c9a463;                          /* aplat et bordure */
  --or-txt:              #7c5f2c;                          /* texte sur le fond du thème */
  --or-pale:             #f0dfc0;                          /* nuance très claire */
  --or-fonce:            #8a6a30;                          /* appui, survol */
  --or-papier:           #6b501f;                          /* texte sur une surface papier */
  --or-vif:            #a07c3a;                          /* éclat : médailles, mise en avant */
  --or-sombre:           #f3e4cc;                          /* le plus foncé : fonds d'étiquette */
  --or-voile:            rgba(201,164,99,.18);             /* aplat translucide */
  /* ---- VERT — validé, présent, disponible ------------------------------ */
  --vert:                #16a34a;                          /* aplat et bordure */
  --vert-moyen:        #15803d;                          /* un cran sous --vert */
  --vert-txt:            #186a3b;                          /* texte sur le fond du thème */
  --vert-pale:           #bbf7d0;                          /* nuance très claire */
  --vert-blanc:          #e8f8ee;                          /* vert le plus clair */
  --vert-vif:          #047857;                          /* émeraude : validation forte */
  --vert-fonce:          #14532d;                          /* appui, survol */
  --vert-papier:         #186a3b;                          /* texte sur une surface papier */
  --vert-tres-fonce:   #14532d;
  --vert-sombre:         #e3f5ea;                          /* le plus foncé : fonds d'étiquette */
  --vert-voile:          rgba(22,163,74,.12);              /* aplat translucide */
  --vert-voile-fort:     rgba(22,163,74,.25);
  /* ---- BLEU — information, lien externe, covoiturage ------------------- */
  --bleu:                #2563eb;                          /* aplat et bordure */
  --bleu-txt:            #1d4ed8;                          /* texte sur le fond du thème */
  --bleu-pale:           #bfdbfe;                          /* nuance très claire */
  --bleu-blanc:        #e6eef9;                          /* fond bleuté presque blanc */
  --bleu-fonce:          #1e40af;                          /* appui, survol */
  --bleu-papier:         #1d4ed8;                          /* texte sur une surface papier */
  --bleu-sombre:         #e6f0fa;                          /* le plus foncé : fonds d'étiquette */
  --indigo:              #4338ca;                          /* dégradé indigo */
  --bleu-voile:          rgba(37,99,235,.12);              /* aplat translucide */
  --bleu-voile-fort:     rgba(37,99,235,.28);
  /* ---- VIOLET — catégories, étiquettes de profil ----------------------- */
  --violet:              #7e22ce;                          /* aplat et bordure */
  --violet-txt:          #6b21a8;                          /* texte sur le fond du thème */
  --violet-pale:         #e9d5ff;                          /* nuance très claire */
  --violet-fonce:        #581c87;                          /* appui, survol */
  --violet-papier:       #6b21a8;                          /* texte sur une surface papier */
  --violet-sombre:       #f3e8ff;                          /* le plus foncé : fonds d'étiquette */
  --violet-voile:        rgba(126,34,206,.12);             /* aplat translucide */
  --violet-voile-fort:   rgba(126,34,206,.20);             /* voile appuyé (survol) */
  /* ---- ROSE — coups de cœur, réactions --------------------------------- */
  --rose:                #db2777;                          /* aplat et bordure */
  --rose-txt:            #9d174d;                          /* texte sur le fond du thème */
  --rose-pale:           #fbcfe8;                          /* nuance très claire */
  --rose-fonce:          #9d174d;                          /* appui, survol */
  --rose-papier:         #9d174d;                          /* texte sur une surface papier */
  --rose-sombre:         #fce7f3;                          /* le plus foncé : fonds d'étiquette */
  --rose-voile:          rgba(219,39,119,.12);             /* aplat translucide */
  --rose-voile-fort:     rgba(219,39,119,.20);             /* voile appuyé (survol) */
  /* ---- ORANGE — en attente, à confirmer -------------------------------- */
  --orange:              #ea580c;                          /* aplat et bordure */
  --orange-txt:          #9a3412;                          /* texte sur le fond du thème */
  --orange-pale:         #fed7aa;                          /* nuance très claire */
  --orange-fonce:        #9a3412;                          /* appui, survol */
  --orange-papier:       #9a3412;                          /* texte sur une surface papier */
  --orange-ambre:      #b45309;                          /* ambre : en attente */
  --orange-sombre:       #ffedd5;                          /* le plus foncé : fonds d'étiquette */
  --orange-brun:       #7c2d12;
  --orange-voile:        rgba(234,88,12,.12);              /* aplat translucide */
  --orange-voile-fort:   rgba(234,88,12,.20);              /* voile appuyé (survol) */
  /* ---- JAUNE — avertissement, brouillon -------------------------------- */
  --jaune:               #a16207;                          /* aplat et bordure */
  --jaune-ambre:       #b45309;                          /* jaune profond */
  --jaune-txt:           #7a5b06;                          /* texte sur le fond du thème */
  --jaune-pale:          #fef3c7;                          /* nuance très claire */
  --jaune-fonce:         #854d0e;                          /* appui, survol */
  --jaune-papier:        #7a5b06;                          /* texte sur une surface papier */
  --jaune-sombre:        #fdf2d6;                          /* le plus foncé : fonds d'étiquette */
  --jaune-voile:         rgba(161,98,7,.12);               /* aplat translucide */
  --jaune-voile-fort:    rgba(161,98,7,.20);               /* voile appuyé (survol) */
  /* ---- ROUGE — refus, annulation, suppression -------------------------- */
  --rouge:               #dc2626;                          /* aplat et bordure */
  --rouge-vif:         #dc2626;                          /* rouge clair d'alerte */
  --rouge-txt:           #b91c1c;                          /* texte sur le fond du thème */
  --rouge-clair:         #b91c1c;
  --rouge-pale:          #fecaca;                          /* nuance très claire */
  --rouge-fonce:         #991b1b;                          /* appui, survol */
  --rouge-papier:        #991b1b;                          /* texte sur une surface papier */
  --rouge-tres-fonce:  #7f1d1d;
  --rouge-sombre:        #fdeaec;                          /* le plus foncé : fonds d'étiquette */
  --rouge-voile:         rgba(220,38,38,.12);              /* aplat translucide */
  --rouge-voile-fort:    rgba(220,38,38,.35);
  /* ---- VOILES, OMBRES ET DIVERS ---------------------------------------- */
  --blanc-voile:         rgba(252,236,238,.65);
  --or-voile-fort:       rgba(201,164,99,.40);                 /* liseré doré appuyé */
  --soutien:             #c9a463;                              /* liseré d'un soutien : or plein */
  --soutien-voile:       rgba(201,164,99,.22);                 /* son halo */
  --lien-voile:          rgba(142,58,90,.18);                 /* halo d'un lien */
  --blanc-voile-fort:    rgba(252,236,238,.85);            /* verre dépoli clair */
  --surbrillance:        rgba(90,30,55,.04);               /* relief très léger */
  --ombre-couleur:       rgba(90,30,55,.10);               /* couleur d'une ombre portée */
  --ombre-forte:         rgba(90,30,55,.18);
  --voile:               rgba(60,20,40,.45);               /* fond des pop-up */
  --voile-doux:          rgba(60,20,40,.10);               /* voile léger sur une image */
  --voile-fort:          rgba(60,20,40,.62);               /* fond d'une visionneuse d'image */
  --ombre:               0 1px 3px rgba(90,30,55,.07);     /* ombre complète d'une carte */
  --ombre-2:             0 4px 14px rgba(90,30,55,.09);    /* ombre d'une pop-up */
  --barre-navigateur:    #f6e0e2;                          /* barre du navigateur / PWA */
}


/* ==========================================================================
   4. ABYSSE — « Abysse », bleu turquoise            (ajouté le 13/09/2026)
   Thème sombre : bleu de grand fond, accent cyan. Les couleurs d'état
   (vert, bleu, orange, violet, rouge, or, jaune) sont celles de « sombre ».
   ========================================================================== */
html[data-theme="abysse"] {
  /* ---- FONDS ET SURFACES ----------------------------------------------- */
  --fond:                #05121a;                          /* fond de page */
  --fond-2:              #020a10;                          /* creux : champs de saisie, zones en retrait */
  --fond-3:              #0b2331;                          /* relief : survol, ligne alternée, bandeau */
  --fond-4:              #0a1a24;                          /* fond neutre chaud (cartouches, logos) */
  --brun:                #2e1206;                          /* brun : boutons d'humeur */
  --brun-2:              #3a1a08;                          /* son survol */
  --brun-3:              #33170f;                          /* dégradé de bandeau */
  --carte:               #091c27;                          /* fond d'une carte */
  --carte-2:             #0d2635;                          /* carte posée sur une carte */
  --carte-3:             #071722;                          /* variante sourde de --carte */
  /* ---- TRAITS ---------------------------------------------------------- */
  --trait:               #14415a;                          /* bordure courante */
  --trait-2:             #0f3145;                          /* séparateur interne, plus discret */
  --trait-3:             #1a5170;                          /* bordure d'un élément en relief */
  --trait-4:           #1f6485;                          /* bordure d'un élément survolé */
  --trait-voile:         rgba(20,65,90,.70);               /* bordure translucide */
  /* ---- TEXTES ---------------------------------------------------------- */
  --txt:                 #e8f4fa;                          /* texte courant */
  --txt-1:               #bcdcec;                          /* appuyé, un cran sous --txt */
  --txt-2:               #8ab4c8;                          /* secondaire : légendes, labels */
  --txt-3:               #6b8fa2;                          /* tertiaire : en-têtes de tableau */
  --txt-4:               #7da0b3;                          /* gris froid : mentions techniques */
  --txt-5:             #5f7d8c;                          /* gris chaud très discret */
  --sur-couleur:         #04202a;                          /* texte posé sur un aplat --accent */
  --sur-or:              #1a1408;                          /* texte posé sur un aplat doré */
  --sur-vert:            #04220f;                          /* texte posé sur un aplat vert */
  --sur-vif:             #ffffff;                          /* texte sur un aplat de couleur vive */
  /* ---- ACCENT ---------------------------------------------------------- */
  --accent:              #22d3ee;                          /* couleur d'action : boutons, focus */
  --accent-fonce:        #0e9fb8;                          /* survol d'un bouton d'action */
  --accent-2:          #0ea5c4;                          /* seconde nuance d'accent */
  --lien:                #7dd3fc;                          /* lien dans un texte */
  --lien-2:              #67c8f5;                          /* seconde nuance de lien */
  --lien-survol:         #bae6fd;
  --accent-voile:        rgba(34,211,238,.14);             /* aplat d'accent translucide */
  --accent-voile-fort:   rgba(34,211,238,.45);
  /* ---- PAPIER — les surfaces claires des pages de soirée --------------- */
  --papier:              #091c27;                          /* carte blanche (inscription, participants) */
  --papier-2:            #0d2635;                          /* zone en retrait sur papier */
  --papier-3:            #14415a;                          /* relief sur papier */
  --papier-txt:          #e8f4fa;                          /* texte sur papier */
  --papier-txt-1:      #f2fafd;                          /* texte le plus foncé sur papier */
  --papier-txt-2:        #8ab4c8;
  --papier-txt-3:        #6b8fa2;
  --papier-trait:        #14415a;                          /* bordure sur papier */
  --papier-fond:         #020a10;                          /* fond de page derrière les cartes de papier */
  /* ---- OR — l'or Kalipay : distinctions, liserés, mentions d'honneur --- */
  --or:                  #d4af37;                          /* aplat et bordure */
  --or-txt:              #e8c15a;                          /* texte sur le fond du thème */
  --or-pale:             #f0dda0;                          /* nuance très claire */
  --or-fonce:            #9a7418;                          /* appui, survol */
  --or-papier:           #e8c15a;                          /* texte sur une surface papier */
  --or-vif:            #ffd700;                          /* éclat : médailles, mise en avant */
  --or-sombre:           #6b5210;                          /* le plus foncé : fonds d'étiquette */
  --or-voile:            rgba(212,175,55,.18);             /* aplat translucide */
  /* ---- VERT — validé, présent, disponible ------------------------------ */
  --vert:                #22c55e;                          /* aplat et bordure */
  --vert-moyen:        #16a34a;                          /* un cran sous --vert */
  --vert-txt:            #6ee7a0;                          /* texte sur le fond du thème */
  --vert-pale:           #bbf7d0;                          /* nuance très claire */
  --vert-blanc:          #1a3a28;                          /* vert le plus clair */
  --vert-vif:          #10b981;                          /* émeraude : validation forte */
  --vert-fonce:          #15803d;                          /* appui, survol */
  --vert-papier:         #6ee7a0;                          /* texte sur une surface papier */
  --vert-tres-fonce:   #166534;
  --vert-sombre:         #12331f;                          /* le plus foncé : fonds d'étiquette */
  --vert-voile:          rgba(34,197,94,.16);              /* aplat translucide */
  --vert-voile-fort:     rgba(22,101,52,.35);
  /* ---- BLEU — information, lien externe, covoiturage ------------------- */
  --bleu:                #3b82f6;                          /* aplat et bordure */
  --bleu-txt:            #8ec2ea;                          /* texte sur le fond du thème */
  --bleu-pale:           #bfdbfe;                          /* nuance très claire */
  --bleu-blanc:        #16202c;                          /* fond bleuté presque blanc */
  --bleu-fonce:          #1d4ed8;                          /* appui, survol */
  --bleu-papier:         #8ec2ea;                          /* texte sur une surface papier */
  --bleu-sombre:         #12263a;                          /* le plus foncé : fonds d'étiquette */
  --indigo:              #4f46e5;                          /* dégradé indigo */
  --bleu-voile:          rgba(59,130,246,.16);             /* aplat translucide */
  --bleu-voile-fort:     rgba(147,197,253,.45);
  /* ---- VIOLET — catégories, étiquettes de profil ----------------------- */
  --violet:              #a855f7;                          /* aplat et bordure */
  --violet-txt:          #d8b4fe;                          /* texte sur le fond du thème */
  --violet-pale:         #e9d5ff;                          /* nuance très claire */
  --violet-fonce:        #7e22ce;                          /* appui, survol */
  --violet-papier:       #d8b4fe;                          /* texte sur une surface papier */
  --violet-sombre:       #2a0a45;                          /* le plus foncé : fonds d'étiquette */
  --violet-voile:        rgba(107,33,168,.20);             /* aplat translucide */
  --violet-voile-fort:   rgba(107,33,168,.34);             /* voile appuyé (survol) */
  /* ---- ROSE — coups de cœur, réactions --------------------------------- */
  --rose:                #ec4899;                          /* aplat et bordure */
  --rose-txt:            #f9a8d4;                          /* texte sur le fond du thème */
  --rose-pale:           #fbcfe8;                          /* nuance très claire */
  --rose-fonce:          #be185d;                          /* appui, survol */
  --rose-papier:         #f9a8d4;                          /* texte sur une surface papier */
  --rose-sombre:         #3b0522;                          /* le plus foncé : fonds d'étiquette */
  --rose-voile:          rgba(236,72,153,.18);             /* aplat translucide */
  --rose-voile-fort:     rgba(236,72,153,.30);             /* voile appuyé (survol) */
  /* ---- ORANGE — en attente, à confirmer -------------------------------- */
  --orange:              #f97316;                          /* aplat et bordure */
  --orange-txt:          #fdba74;                          /* texte sur le fond du thème */
  --orange-pale:         #fed7aa;                          /* nuance très claire */
  --orange-fonce:        #c2410c;                          /* appui, survol */
  --orange-papier:       #fdba74;                          /* texte sur une surface papier */
  --orange-ambre:      #d97706;                          /* ambre : en attente */
  --orange-sombre:       #2e1206;                          /* le plus foncé : fonds d'étiquette */
  --orange-brun:       #b45309;
  --orange-voile:        rgba(217,119,6,.18);              /* aplat translucide */
  --orange-voile-fort:   rgba(217,119,6,.30);              /* voile appuyé (survol) */
  /* ---- JAUNE — avertissement, brouillon -------------------------------- */
  --jaune:               #f0c65a;                          /* aplat et bordure */
  --jaune-ambre:       #f59e0b;                          /* jaune profond */
  --jaune-txt:           #fde68a;                          /* texte sur le fond du thème */
  --jaune-pale:          #fef3c7;                          /* nuance très claire */
  --jaune-fonce:         #a16207;                          /* appui, survol */
  --jaune-papier:        #f0c65a;                          /* texte sur une surface papier */
  --jaune-sombre:        #3a2c0d;                          /* le plus foncé : fonds d'étiquette */
  --jaune-voile:         rgba(240,198,90,.18);             /* aplat translucide */
  --jaune-voile-fort:    rgba(240,198,90,.30);             /* voile appuyé (survol) */
  /* ---- ROUGE — refus, annulation, suppression -------------------------- */
  --rouge:               #ef4444;                          /* aplat et bordure */
  --rouge-vif:         #ef4444;                          /* rouge clair d'alerte */
  --rouge-txt:           #ff9aa2;                          /* texte sur le fond du thème */
  --rouge-clair:         #f87171;
  --rouge-pale:          #fecaca;                          /* nuance très claire */
  --rouge-fonce:         #b91c1c;                          /* appui, survol */
  --rouge-papier:        #ff9aa2;                          /* texte sur une surface papier */
  --rouge-tres-fonce:  #991b1b;
  --rouge-sombre:        #3a1418;                          /* le plus foncé : fonds d'étiquette */
  --rouge-voile:         rgba(239,68,68,.16);              /* aplat translucide */
  --rouge-voile-fort:    rgba(150,20,32,.70);
  /* ---- VOILES, OMBRES ET DIVERS ---------------------------------------- */
  --blanc-voile:         rgba(255,255,255,.30);
  --or-voile-fort:       rgba(212,175,55,.50);                 /* liseré doré appuyé */
  --soutien:             #d4af37;                              /* liseré d'un soutien : or plein */
  --soutien-voile:       rgba(212,175,55,.30);                 /* son halo */
  --lien-voile:          rgba(125,211,252,.30);                /* halo d'un lien */
  --blanc-voile-fort:    rgba(255,255,255,.60);            /* verre dépoli clair */
  --surbrillance:        rgba(255,255,255,.05);            /* relief très léger */
  --ombre-couleur:       rgba(0,0,0,.55);                  /* couleur d'une ombre portée */
  --ombre-forte:         rgba(0,0,0,.72);
  --voile:               rgba(0,0,0,.70);                  /* fond des pop-up */
  --voile-doux:          rgba(0,0,0,.22);                  /* voile léger sur une image */
  --voile-fort:          rgba(0,0,0,.86);                  /* fond d'une visionneuse d'image */
  --ombre:               0 4px 20px rgba(0,0,0,.55);       /* ombre complète d'une carte */
  --ombre-2:             0 10px 30px rgba(0,0,0,.5);       /* ombre d'une pop-up */
  --barre-navigateur:    #05121a;                          /* barre du navigateur / PWA */
}


/* ==========================================================================
   5. MAGENTA — « Néon rose », rose fluo             (ajouté le 13/09/2026)
   Thème sombre : prune profond, accent rose fluo. Les couleurs d'état
   (vert, bleu, orange, violet, rouge, or, jaune) sont celles de « sombre ».
   ========================================================================== */
html[data-theme="magenta"] {
  /* ---- FONDS ET SURFACES ----------------------------------------------- */
  --fond:                #1a0a18;                          /* fond de page */
  --fond-2:              #100510;                          /* creux : champs de saisie, zones en retrait */
  --fond-3:              #2f1029;                          /* relief : survol, ligne alternée, bandeau */
  --fond-4:              #241522;                          /* fond neutre chaud (cartouches, logos) */
  --brun:                #2e1206;                          /* brun : boutons d'humeur */
  --brun-2:              #3a1a08;                          /* son survol */
  --brun-3:              #33170f;                          /* dégradé de bandeau */
  --carte:               #261023;                          /* fond d'une carte */
  --carte-2:             #311630;                          /* carte posée sur une carte */
  --carte-3:             #200d1e;                          /* variante sourde de --carte */
  /* ---- TRAITS ---------------------------------------------------------- */
  --trait:               #63265a;                          /* bordure courante */
  --trait-2:             #451a3f;                          /* séparateur interne, plus discret */
  --trait-3:             #6e2e66;                          /* bordure d'un élément en relief */
  --trait-4:           #7f3272;                          /* bordure d'un élément survolé */
  --trait-voile:         rgba(99,38,90,.70);               /* bordure translucide */
  /* ---- TEXTES ---------------------------------------------------------- */
  --txt:                 #fbeaf7;                          /* texte courant */
  --txt-1:               #f0c8e6;                          /* appuyé, un cran sous --txt */
  --txt-2:               #cb9dc0;                          /* secondaire : légendes, labels */
  --txt-3:               #a67c9c;                          /* tertiaire : en-têtes de tableau */
  --txt-4:               #b491a9;                          /* gris froid : mentions techniques */
  --txt-5:             #8c6b84;                          /* gris chaud très discret */
  --sur-couleur:         #24041a;                          /* texte posé sur un aplat --accent */
  --sur-or:              #1a1408;                          /* texte posé sur un aplat doré */
  --sur-vert:            #04220f;                          /* texte posé sur un aplat vert */
  --sur-vif:             #ffffff;                          /* texte sur un aplat de couleur vive */
  /* ---- ACCENT ---------------------------------------------------------- */
  --accent:              #ff4fb0;                          /* couleur d'action : boutons, focus */
  --accent-fonce:        #d42a8b;                          /* survol d'un bouton d'action */
  --accent-2:          #e93a9c;                          /* seconde nuance d'accent */
  --lien:                #ff9ad6;                          /* lien dans un texte */
  --lien-2:              #ff85cd;                          /* seconde nuance de lien */
  --lien-survol:         #ffc2e8;
  --accent-voile:        rgba(255,79,176,.14);             /* aplat d'accent translucide */
  --accent-voile-fort:   rgba(255,79,176,.45);
  /* ---- PAPIER — les surfaces claires des pages de soirée --------------- */
  --papier:              #261023;                          /* carte blanche (inscription, participants) */
  --papier-2:            #311630;                          /* zone en retrait sur papier */
  --papier-3:            #63265a;                          /* relief sur papier */
  --papier-txt:          #fbeaf7;                          /* texte sur papier */
  --papier-txt-1:      #fdf3fa;                          /* texte le plus foncé sur papier */
  --papier-txt-2:        #cb9dc0;
  --papier-txt-3:        #a67c9c;
  --papier-trait:        #63265a;                          /* bordure sur papier */
  --papier-fond:         #100510;                          /* fond de page derrière les cartes de papier */
  /* ---- OR — l'or Kalipay : distinctions, liserés, mentions d'honneur --- */
  --or:                  #d4af37;                          /* aplat et bordure */
  --or-txt:              #e8c15a;                          /* texte sur le fond du thème */
  --or-pale:             #f0dda0;                          /* nuance très claire */
  --or-fonce:            #9a7418;                          /* appui, survol */
  --or-papier:           #e8c15a;                          /* texte sur une surface papier */
  --or-vif:            #ffd700;                          /* éclat : médailles, mise en avant */
  --or-sombre:           #6b5210;                          /* le plus foncé : fonds d'étiquette */
  --or-voile:            rgba(212,175,55,.18);             /* aplat translucide */
  /* ---- VERT — validé, présent, disponible ------------------------------ */
  --vert:                #22c55e;                          /* aplat et bordure */
  --vert-moyen:        #16a34a;                          /* un cran sous --vert */
  --vert-txt:            #6ee7a0;                          /* texte sur le fond du thème */
  --vert-pale:           #bbf7d0;                          /* nuance très claire */
  --vert-blanc:          #1a3a28;                          /* vert le plus clair */
  --vert-vif:          #10b981;                          /* émeraude : validation forte */
  --vert-fonce:          #15803d;                          /* appui, survol */
  --vert-papier:         #6ee7a0;                          /* texte sur une surface papier */
  --vert-tres-fonce:   #166534;
  --vert-sombre:         #12331f;                          /* le plus foncé : fonds d'étiquette */
  --vert-voile:          rgba(34,197,94,.16);              /* aplat translucide */
  --vert-voile-fort:     rgba(22,101,52,.35);
  /* ---- BLEU — information, lien externe, covoiturage ------------------- */
  --bleu:                #3b82f6;                          /* aplat et bordure */
  --bleu-txt:            #8ec2ea;                          /* texte sur le fond du thème */
  --bleu-pale:           #bfdbfe;                          /* nuance très claire */
  --bleu-blanc:        #16202c;                          /* fond bleuté presque blanc */
  --bleu-fonce:          #1d4ed8;                          /* appui, survol */
  --bleu-papier:         #8ec2ea;                          /* texte sur une surface papier */
  --bleu-sombre:         #12263a;                          /* le plus foncé : fonds d'étiquette */
  --indigo:              #4f46e5;                          /* dégradé indigo */
  --bleu-voile:          rgba(59,130,246,.16);             /* aplat translucide */
  --bleu-voile-fort:     rgba(147,197,253,.45);
  /* ---- VIOLET — catégories, étiquettes de profil ----------------------- */
  --violet:              #a855f7;                          /* aplat et bordure */
  --violet-txt:          #d8b4fe;                          /* texte sur le fond du thème */
  --violet-pale:         #e9d5ff;                          /* nuance très claire */
  --violet-fonce:        #7e22ce;                          /* appui, survol */
  --violet-papier:       #d8b4fe;                          /* texte sur une surface papier */
  --violet-sombre:       #2a0a45;                          /* le plus foncé : fonds d'étiquette */
  --violet-voile:        rgba(107,33,168,.20);             /* aplat translucide */
  --violet-voile-fort:   rgba(107,33,168,.34);             /* voile appuyé (survol) */
  /* ---- ROSE — coups de cœur, réactions --------------------------------- */
  --rose:                #ec4899;                          /* aplat et bordure */
  --rose-txt:            #f9a8d4;                          /* texte sur le fond du thème */
  --rose-pale:           #fbcfe8;                          /* nuance très claire */
  --rose-fonce:          #be185d;                          /* appui, survol */
  --rose-papier:         #f9a8d4;                          /* texte sur une surface papier */
  --rose-sombre:         #3b0522;                          /* le plus foncé : fonds d'étiquette */
  --rose-voile:          rgba(236,72,153,.18);             /* aplat translucide */
  --rose-voile-fort:     rgba(236,72,153,.30);             /* voile appuyé (survol) */
  /* ---- ORANGE — en attente, à confirmer -------------------------------- */
  --orange:              #f97316;                          /* aplat et bordure */
  --orange-txt:          #fdba74;                          /* texte sur le fond du thème */
  --orange-pale:         #fed7aa;                          /* nuance très claire */
  --orange-fonce:        #c2410c;                          /* appui, survol */
  --orange-papier:       #fdba74;                          /* texte sur une surface papier */
  --orange-ambre:      #d97706;                          /* ambre : en attente */
  --orange-sombre:       #2e1206;                          /* le plus foncé : fonds d'étiquette */
  --orange-brun:       #b45309;
  --orange-voile:        rgba(217,119,6,.18);              /* aplat translucide */
  --orange-voile-fort:   rgba(217,119,6,.30);              /* voile appuyé (survol) */
  /* ---- JAUNE — avertissement, brouillon -------------------------------- */
  --jaune:               #f0c65a;                          /* aplat et bordure */
  --jaune-ambre:       #f59e0b;                          /* jaune profond */
  --jaune-txt:           #fde68a;                          /* texte sur le fond du thème */
  --jaune-pale:          #fef3c7;                          /* nuance très claire */
  --jaune-fonce:         #a16207;                          /* appui, survol */
  --jaune-papier:        #f0c65a;                          /* texte sur une surface papier */
  --jaune-sombre:        #3a2c0d;                          /* le plus foncé : fonds d'étiquette */
  --jaune-voile:         rgba(240,198,90,.18);             /* aplat translucide */
  --jaune-voile-fort:    rgba(240,198,90,.30);             /* voile appuyé (survol) */
  /* ---- ROUGE — refus, annulation, suppression -------------------------- */
  --rouge:               #ef4444;                          /* aplat et bordure */
  --rouge-vif:         #ef4444;                          /* rouge clair d'alerte */
  --rouge-txt:           #ff9aa2;                          /* texte sur le fond du thème */
  --rouge-clair:         #f87171;
  --rouge-pale:          #fecaca;                          /* nuance très claire */
  --rouge-fonce:         #b91c1c;                          /* appui, survol */
  --rouge-papier:        #ff9aa2;                          /* texte sur une surface papier */
  --rouge-tres-fonce:  #991b1b;
  --rouge-sombre:        #3a1418;                          /* le plus foncé : fonds d'étiquette */
  --rouge-voile:         rgba(239,68,68,.16);              /* aplat translucide */
  --rouge-voile-fort:    rgba(150,20,32,.70);
  /* ---- VOILES, OMBRES ET DIVERS ---------------------------------------- */
  --blanc-voile:         rgba(255,255,255,.30);
  --or-voile-fort:       rgba(212,175,55,.50);                 /* liseré doré appuyé */
  --soutien:             #d4af37;                              /* liseré d'un soutien : or plein */
  --soutien-voile:       rgba(212,175,55,.30);                 /* son halo */
  --lien-voile:          rgba(255,154,214,.30);                /* halo d'un lien */
  --blanc-voile-fort:    rgba(255,255,255,.60);            /* verre dépoli clair */
  --surbrillance:        rgba(255,255,255,.05);            /* relief très léger */
  --ombre-couleur:       rgba(0,0,0,.55);                  /* couleur d'une ombre portée */
  --ombre-forte:         rgba(0,0,0,.72);
  --voile:               rgba(0,0,0,.70);                  /* fond des pop-up */
  --voile-doux:          rgba(0,0,0,.22);                  /* voile léger sur une image */
  --voile-fort:          rgba(0,0,0,.86);                  /* fond d'une visionneuse d'image */
  --ombre:               0 4px 20px rgba(0,0,0,.55);       /* ombre complète d'une carte */
  --ombre-2:             0 10px 30px rgba(0,0,0,.5);       /* ombre d'une pop-up */
  --barre-navigateur:    #1a0a18;                          /* barre du navigateur / PWA */
}


/* ==========================================================================
   6. CRÈME — « Crème », clair et chaud              (ajouté le 13/09/2026)
   Second thème clair, en chaud : fond ivoire, accent or brûlé. Les cartes
   « papier » des pages de soirée restent blanches, comme dans « Papier &
   encre » — seul --papier-fond, le fond de page derrière elles, se réchauffe.
   Les couleurs d'état (vert, bleu, orange, violet, rouge, or, jaune) sont
   celles de « clair ».
   RÈGLE DE CONTRASTE : --txt-2 et --txt-3 tiennent 7:1 sur --carte, soit
   l'équivalent du #4b5563 sur blanc imposé par kalipay.css.
   ========================================================================== */
html[data-theme="creme"] {
  /* ---- FONDS ET SURFACES ----------------------------------------------- */
  --fond:                #faf6ef;                          /* fond de page */
  --fond-2:              #f2ece1;                          /* creux : champs de saisie, zones en retrait */
  --fond-3:              #f1e9da;                          /* relief : survol, ligne alternée, bandeau */
  --fond-4:              #f4efe4;                          /* fond neutre chaud (cartouches, logos) */
  --brun:                #ffedd5;                          /* brun : boutons d'humeur */
  --brun-2:              #fed7aa;                          /* son survol */
  --brun-3:              #f7e2d5;                          /* dégradé de bandeau */
  --carte:               #fffdf8;                          /* fond d'une carte */
  --carte-2:             #f7f1e6;                          /* carte posée sur une carte */
  --carte-3:             #fdfaf3;                          /* variante sourde de --carte */
  /* ---- TRAITS ---------------------------------------------------------- */
  --trait:               #e3d9c6;                          /* bordure courante */
  --trait-2:             #efe8da;                          /* séparateur interne, plus discret */
  --trait-3:             #d6cab2;                          /* bordure d'un élément en relief */
  --trait-4:           #c9b997;                          /* bordure d'un élément survolé */
  --trait-voile:         rgba(227,217,198,.70);            /* bordure translucide */
  /* ---- TEXTES ---------------------------------------------------------- */
  --txt:                 #2b2723;                          /* texte courant */
  --txt-1:               #3d3730;                          /* appuyé, un cran sous --txt */
  --txt-2:               #544d47;                          /* secondaire : légendes, labels */
  --txt-3:               #5b544c;                          /* tertiaire : en-têtes de tableau */
  --txt-4:               #665f55;                          /* gris froid : mentions techniques */
  --txt-5:             #6b6359;                          /* gris chaud très discret */
  --sur-couleur:         #fffdf8;                          /* texte posé sur un aplat --accent */
  --sur-or:              #1a1408;                          /* texte posé sur un aplat doré */
  --sur-vert:            #04220f;                          /* texte posé sur un aplat vert */
  --sur-vif:             #ffffff;                          /* texte sur un aplat de couleur vive */
  /* ---- ACCENT ---------------------------------------------------------- */
  --accent:              #a16207;                          /* couleur d'action : boutons, focus */
  --accent-fonce:        #7d4c05;                          /* survol d'un bouton d'action */
  --accent-2:          #8a5a0c;                          /* seconde nuance d'accent */
  --lien:                #8a5a0c;                          /* lien dans un texte */
  --lien-2:              #7a4f08;                          /* seconde nuance de lien */
  --lien-survol:         #5c3a04;
  --accent-voile:        rgba(161,98,7,.12);               /* aplat d'accent translucide */
  --accent-voile-fort:   rgba(161,98,7,.30);
  /* ---- PAPIER — les surfaces claires des pages de soirée --------------- */
  --papier:              #ffffff;                          /* carte blanche (inscription, participants) */
  --papier-2:            #f9fafb;                          /* zone en retrait sur papier */
  --papier-3:            #f3f4f6;                          /* relief sur papier */
  --papier-txt:          #141820;                          /* texte sur papier */
  --papier-txt-1:      #0b0f18;                          /* texte le plus foncé sur papier */
  --papier-txt-2:        #4b5563;
  --papier-txt-3:        #5d6675;
  --papier-trait:        #e5e7eb;                          /* bordure sur papier */
  --papier-fond:         #ece4d5;                          /* fond de page derrière les cartes de papier */
  /* ---- OR — l'or Kalipay : distinctions, liserés, mentions d'honneur --- */
  --or:                  #b8912a;                          /* aplat et bordure */
  --or-txt:              #8a6d12;                          /* texte sur le fond du thème */
  --or-pale:             #f0dda0;                          /* nuance très claire */
  --or-fonce:            #7a5b06;                          /* appui, survol */
  --or-papier:           #7a5b06;                          /* texte sur une surface papier */
  --or-vif:            #8a6d12;                          /* éclat : médailles, mise en avant */
  --or-sombre:           #f6edcd;                          /* le plus foncé : fonds d'étiquette */
  --or-voile:            rgba(184,145,42,.14);             /* aplat translucide */
  /* ---- VERT — validé, présent, disponible ------------------------------ */
  --vert:                #16a34a;                          /* aplat et bordure */
  --vert-moyen:        #15803d;                          /* un cran sous --vert */
  --vert-txt:            #186a3b;                          /* texte sur le fond du thème */
  --vert-pale:           #bbf7d0;                          /* nuance très claire */
  --vert-blanc:          #e8f8ee;                          /* vert le plus clair */
  --vert-vif:          #047857;                          /* émeraude : validation forte */
  --vert-fonce:          #14532d;                          /* appui, survol */
  --vert-papier:         #186a3b;                          /* texte sur une surface papier */
  --vert-tres-fonce:   #14532d;
  --vert-sombre:         #e3f5ea;                          /* le plus foncé : fonds d'étiquette */
  --vert-voile:          rgba(22,163,74,.12);              /* aplat translucide */
  --vert-voile-fort:     rgba(22,163,74,.25);
  /* ---- BLEU — information, lien externe, covoiturage ------------------- */
  --bleu:                #2563eb;                          /* aplat et bordure */
  --bleu-txt:            #1d4ed8;                          /* texte sur le fond du thème */
  --bleu-pale:           #bfdbfe;                          /* nuance très claire */
  --bleu-blanc:        #eff6ff;                          /* fond bleuté presque blanc */
  --bleu-fonce:          #1e40af;                          /* appui, survol */
  --bleu-papier:         #1d4ed8;                          /* texte sur une surface papier */
  --bleu-sombre:         #e6f0fa;                          /* le plus foncé : fonds d'étiquette */
  --indigo:              #4338ca;                          /* dégradé indigo */
  --bleu-voile:          rgba(37,99,235,.12);              /* aplat translucide */
  --bleu-voile-fort:     rgba(37,99,235,.28);
  /* ---- VIOLET — catégories, étiquettes de profil ----------------------- */
  --violet:              #7e22ce;                          /* aplat et bordure */
  --violet-txt:          #6b21a8;                          /* texte sur le fond du thème */
  --violet-pale:         #e9d5ff;                          /* nuance très claire */
  --violet-fonce:        #581c87;                          /* appui, survol */
  --violet-papier:       #6b21a8;                          /* texte sur une surface papier */
  --violet-sombre:       #f3e8ff;                          /* le plus foncé : fonds d'étiquette */
  --violet-voile:        rgba(126,34,206,.12);             /* aplat translucide */
  --violet-voile-fort:   rgba(126,34,206,.20);             /* voile appuyé (survol) */
  /* ---- ROSE — coups de cœur, réactions --------------------------------- */
  --rose:                #db2777;                          /* aplat et bordure */
  --rose-txt:            #9d174d;                          /* texte sur le fond du thème */
  --rose-pale:           #fbcfe8;                          /* nuance très claire */
  --rose-fonce:          #9d174d;                          /* appui, survol */
  --rose-papier:         #9d174d;                          /* texte sur une surface papier */
  --rose-sombre:         #fce7f3;                          /* le plus foncé : fonds d'étiquette */
  --rose-voile:          rgba(219,39,119,.12);             /* aplat translucide */
  --rose-voile-fort:     rgba(219,39,119,.20);             /* voile appuyé (survol) */
  /* ---- ORANGE — en attente, à confirmer -------------------------------- */
  --orange:              #ea580c;                          /* aplat et bordure */
  --orange-txt:          #9a3412;                          /* texte sur le fond du thème */
  --orange-pale:         #fed7aa;                          /* nuance très claire */
  --orange-fonce:        #9a3412;                          /* appui, survol */
  --orange-papier:       #9a3412;                          /* texte sur une surface papier */
  --orange-ambre:      #b45309;                          /* ambre : en attente */
  --orange-sombre:       #ffedd5;                          /* le plus foncé : fonds d'étiquette */
  --orange-brun:       #7c2d12;
  --orange-voile:        rgba(234,88,12,.12);              /* aplat translucide */
  --orange-voile-fort:   rgba(234,88,12,.20);              /* voile appuyé (survol) */
  /* ---- JAUNE — avertissement, brouillon -------------------------------- */
  --jaune:               #a16207;                          /* aplat et bordure */
  --jaune-ambre:       #b45309;                          /* jaune profond */
  --jaune-txt:           #7a5b06;                          /* texte sur le fond du thème */
  --jaune-pale:          #fef3c7;                          /* nuance très claire */
  --jaune-fonce:         #854d0e;                          /* appui, survol */
  --jaune-papier:        #7a5b06;                          /* texte sur une surface papier */
  --jaune-sombre:        #fdf2d6;                          /* le plus foncé : fonds d'étiquette */
  --jaune-voile:         rgba(161,98,7,.12);               /* aplat translucide */
  --jaune-voile-fort:    rgba(161,98,7,.20);               /* voile appuyé (survol) */
  /* ---- ROUGE — refus, annulation, suppression -------------------------- */
  --rouge:               #dc2626;                          /* aplat et bordure */
  --rouge-vif:         #dc2626;                          /* rouge clair d'alerte */
  --rouge-txt:           #b91c1c;                          /* texte sur le fond du thème */
  --rouge-clair:         #b91c1c;
  --rouge-pale:          #fecaca;                          /* nuance très claire */
  --rouge-fonce:         #991b1b;                          /* appui, survol */
  --rouge-papier:        #991b1b;                          /* texte sur une surface papier */
  --rouge-tres-fonce:  #7f1d1d;
  --rouge-sombre:        #fdeaec;                          /* le plus foncé : fonds d'étiquette */
  --rouge-voile:         rgba(220,38,38,.12);              /* aplat translucide */
  --rouge-voile-fort:    rgba(220,38,38,.35);
  /* ---- VOILES, OMBRES ET DIVERS ---------------------------------------- */
  --blanc-voile:         rgba(255,255,255,.65);
  --or-voile-fort:       rgba(184,145,42,.35);                 /* liseré doré appuyé */
  --soutien:             #b8912a;                              /* liseré d'un soutien : or plein */
  --soutien-voile:       rgba(184,145,42,.22);                 /* son halo */
  --lien-voile:          rgba(138,90,12,.18);                  /* halo d'un lien */
  --blanc-voile-fort:    rgba(255,255,255,.85);            /* verre dépoli clair */
  --surbrillance:        rgba(43,39,35,.04);               /* relief très léger */
  --ombre-couleur:       rgba(60,48,30,.10);               /* couleur d'une ombre portée */
  --ombre-forte:         rgba(60,48,30,.18);
  --voile:               rgba(45,37,25,.45);               /* fond des pop-up */
  --voile-doux:          rgba(45,37,25,.10);               /* voile léger sur une image */
  --voile-fort:          rgba(45,37,25,.62);               /* fond d'une visionneuse d'image */
  --ombre:               0 1px 3px rgba(60,48,30,.08);     /* ombre complète d'une carte */
  --ombre-2:             0 4px 14px rgba(60,48,30,.10);    /* ombre d'une pop-up */
  --barre-navigateur:    #faf6ef;                          /* barre du navigateur / PWA */
}


/* ==========================================================================
   « Miss Lingerie » (clé clair) — bord de dentelle, 04/10/2026
   Filet festonné en bas de l'en-tête et des cartes de soirée. Uniquement
   ce thème. Fond = background-image : aucune position ni pseudo-élément
   touchés (l'en-tête a déjà les siens).
   ========================================================================== */
html[data-theme="clair"] header.card,
html[data-theme="clair"] .soiree-carte{
  padding-bottom:calc(14px + 12px);
  background-image:radial-gradient(circle at 10px 0,transparent 7px,var(--trait-3) 7.5px,var(--trait-3) 8.5px,transparent 9px);
  background-size:20px 14px;background-repeat:repeat-x;background-position:0 100%;
}


/* ==========================================================================
   « Miss Lingerie » (clé clair) — LISIBILITÉ DES PASTILLES, 04/10/2026
   Ces composants (page de soirée : soirees/_moteur/contenu.php ; bons plans :
   kalipay.css) partent de la convention des thèmes sombres : dégradé qui
   commence par une teinte « -sombre » et texte clair. Dans ce thème les
   teintes « -sombre » sont des pastels : texte et fond se confondaient.
   Chaque pastille reçoit ici un fond franc et un texte contrasté (≥ 4,5:1),
   et les survols ne passent plus en texte clair sur fond clair.
   ========================================================================== */
/* S'inscrire / inviter : bleu franc, texte clair */
html[data-theme="clair"] .embleme--inscription,
html[data-theme="clair"] .bp-embleme--inscription,
html[data-theme="clair"] .bp-embleme--invitation{
  background:linear-gradient(135deg,var(--bleu),var(--bleu-txt) 55%,var(--bleu-fonce));
  color:var(--sur-vif);border-color:var(--bleu-fonce);
}
/* Gestion de l'événement : orange profond, texte clair */
html[data-theme="clair"] .embleme--gerer,
html[data-theme="clair"] .bp-embleme--gestion{
  background:linear-gradient(135deg,var(--orange-fonce),var(--orange-brun));
  color:var(--sur-vif);border-color:var(--orange);
}
/* Panneau de gestion : fond rose du thème au lieu du voile sombre */
html[data-theme="clair"] .es-gestion{background:var(--fond-2)}
html[data-theme="clair"] .es-gestion-titre{color:var(--txt-2)}
/* Pastilles sobres (Partager, Agenda, outils) : texte prune, survol lisible */
html[data-theme="clair"] .embleme--partage,
html[data-theme="clair"] .embleme--agenda,
html[data-theme="clair"] .es-outil{color:var(--accent-fonce);border-color:var(--trait-4)}
html[data-theme="clair"] .embleme--partage:hover,
html[data-theme="clair"] .embleme--partage:focus-visible,
html[data-theme="clair"] .embleme--agenda:hover,
html[data-theme="clair"] .embleme--agenda:focus-visible,
html[data-theme="clair"] .es-outil:hover,
html[data-theme="clair"] .es-outil:focus-visible{color:var(--accent);border-color:var(--accent)}
/* Les outils colorés gardent leur texte clair (la règle ci-dessus les couvrait) */
html[data-theme="clair"] .es-outil--page,
html[data-theme="clair"] .es-outil--publiee,
html[data-theme="clair"] .es-outil--standby,
html[data-theme="clair"] .es-outil--page:hover,
html[data-theme="clair"] .es-outil--publiee:hover,
html[data-theme="clair"] .es-outil--standby:hover{color:var(--sur-vif)}
/* Nom de l'organisateur au survol : plus de texte clair sur fond rose */
html[data-theme="clair"] a.es-nom:hover{color:var(--accent)}