/* ==========================================================================
   SCOPE - jetons de thème (scope-themes.css)
   --------------------------------------------------------------------------
   Seul fichier qui connaît les thèmes. Les pages SCOPE sans Divi (accueil, FAQ, contact, d'autres demain) ne lisent QUE les variables --scope-* ci-dessous,
   sur l'élément portant la classe « scope-page » (et, pour le tableau de bord des membres, sur les blocs « .scope-home-section »). Chaque thème dit ici, une seule fois, comment ses propres variables se traduisent en --scope-*.

   AJOUTER UN THÈME (par exemple « Halloween », classe de <body> « halloween », variables --ha-*) :
     1. Copier le bloc « MODÈLE » tout en bas de ce fichier.
     2. Remplacer « nom-du-theme » par la classe de <body> du thème, et chaque valeur par la variable correspondante du thème (var(--ha-...)) ou une couleur.
     3. Envoyer ce seul fichier sur le site. Aucune autre page, aucun fichier de page n'est à modifier.
   Ce fichier est chargé par scope-pages.php sur l'accueil sans Divi, la FAQ et la page de contact. Un thème absent de ce fichier n'est pas cassé : il reçoit l'aspect par défaut (aubergine et jaune, section « Par défaut »).

   LES JETONS (tous obligatoires dans un bloc de thème ; contrastes visés : texte 4,5:1, contours --scope-line 3:1)
     --scope-bg          fond de la page                          --scope-bg-alt      fond secondaire (pastilles, notes, cartes de jour)
     --scope-card        fond des cartes et des champs            --scope-text        texte courant (sur bg, bg-alt et card)
     --scope-dim         texte secondaire (sur bg, bg-alt, card)  --scope-head        titres et questions
     --scope-line        contours des champs et boutons (3:1)     --scope-soft        filets décoratifs (pas de contraste exigé)
     --scope-link        liens et texte accentué (sur bg, bg-alt) --scope-accent      fond des boutons pleins et pastilles actives
     --scope-accent2     survol des boutons pleins                --scope-on-accent   texte posé sur accent / accent2
     --scope-tag         couleur « repère » (pastille « L'essentiel »)   --scope-on-tag   texte posé sur tag
     --scope-focus       anneau de focus au clavier               --scope-radius      rayon des angles (cartes, champs, boutons)
     --scope-font-head   police des titres (inherit = celle du thème)
   ========================================================================== */

/* --- Par défaut : identité actuelle du site (Divi-child, aubergine et jaune) ------------------------------------------------------ */
.scope-page,
.scope-home-section {
	--scope-bg: #ffffff; --scope-bg-alt: #f7f2f6; --scope-card: #ffffff; --scope-text: #2b2b2b; --scope-dim: #565056; --scope-head: #4b163f;
	--scope-line: #8c7b87; --scope-soft: #dccfd8; --scope-link: #4b163f; --scope-accent: #4b163f; --scope-accent2: #34102c; --scope-on-accent: #ffffff;
	--scope-tag: #ffc107; --scope-on-tag: #2f2200; --scope-focus: #4b163f; --scope-radius: 10px; --scope-font-head: "Oswald", "Arial Narrow", system-ui, sans-serif;
}

/* --- Divi Dexter (body.dexter ; variables --dx-* ; les trois palettes ne changent que les valeurs de --dx-*) ------------------------ */
body.dexter .scope-page,
body.dexter .scope-home-section {
	--scope-bg: var(--dx-bg); --scope-bg-alt: var(--dx-bg3); --scope-card: var(--dx-bg2); --scope-text: var(--dx-text); --scope-dim: var(--dx-dim); --scope-head: var(--dx-head);
	--scope-line: var(--dx-line); --scope-soft: var(--dx-soft); --scope-link: var(--dx-link); --scope-accent: var(--dx-red); --scope-accent2: var(--dx-red2);
	--scope-on-accent: var(--dx-on-red); --scope-tag: var(--dx-tag); --scope-on-tag: var(--dx-on-tag); --scope-focus: var(--dx-alt); --scope-radius: 6px; --scope-font-head: inherit;
}

/* --- Divi Fallout (body.fallout ; variables --fo-*) ------------------------------------------------------------------------------- */
body.fallout .scope-page,
body.fallout .scope-home-section {
	--scope-bg: var(--fo-bg); --scope-bg-alt: var(--fo-bg2); --scope-card: var(--fo-bg3); --scope-text: var(--fo-text); --scope-dim: var(--fo-dim); --scope-head: var(--fo-fg2);
	--scope-line: var(--fo-line); --scope-soft: rgba(var(--fo-rgb), .28); --scope-link: var(--fo-fg2); --scope-accent: var(--fo-fg); --scope-accent2: var(--fo-fg2);
	--scope-on-accent: var(--fo-ink); --scope-tag: var(--fo-fg); --scope-on-tag: var(--fo-ink); --scope-focus: var(--fo-fg2); --scope-radius: 2px; --scope-font-head: var(--fo-display);
}

/* --- Divi Noël (body.noel ; variables --no-*) ------------------------------------------------------------------------------------- */
body.noel .scope-page,
body.noel .scope-home-section {
	--scope-bg: var(--no-bg); --scope-bg-alt: var(--no-bg3); --scope-card: var(--no-bg2); --scope-text: var(--no-text); --scope-dim: var(--no-dim); --scope-head: var(--no-head);
	--scope-line: var(--no-dim); --scope-soft: var(--no-line); --scope-link: var(--no-link); --scope-accent: var(--no-red); --scope-accent2: var(--no-green);
	--scope-on-accent: #ffffff; --scope-tag: var(--no-gold); --scope-on-tag: var(--no-on-gold); --scope-focus: var(--no-accent); --scope-radius: 12px; --scope-font-head: var(--no-serif);
}
/* Palette « neige » de Noël : le texte secondaire du thème est trop clair sur les fonds secondaires, on le remplace par le texte courant. */
body.noel-pal-snow .scope-page,
body.noel-pal-snow .scope-home-section { --scope-dim: var(--no-text); }

/* --- MODÈLE : nouveau thème (copier, renommer, remplir ; ne rien laisser vide) ------------------------------------------------------
body.nom-du-theme .scope-page {
	--scope-bg: ;      --scope-bg-alt: ;    --scope-card: ;     --scope-text: ;    --scope-dim: ;     --scope-head: ;
	--scope-line: ;    --scope-soft: ;      --scope-link: ;     --scope-accent: ;  --scope-accent2: ; --scope-on-accent: ;
	--scope-tag: ;     --scope-on-tag: ;    --scope-focus: ;    --scope-radius: ;  --scope-font-head: ;
}
   Une palette qui ne change que quelques couleurs : ajouter après le bloc du thème une règle « body.nom-palette .scope-page { --scope-xxx: ...; } » (voir la neige de Noël). */