/* ==========================================================
   YUKO — assets/css/yk-theme.css
   Les couleurs de fond au choix (menu › Apparence).
   Déploiement : /home/yuko.my/public_html/assets/css/yk-theme.css
   ----------------------------------------------------------
   Chaque page refaite écrit ses couleurs avec ces noms :
     var(--th-fond, #0c0a14)   fond de la page
     var(--th-carte, …)        cartes posées sur le fond
     var(--th-carte-2, …)      cases et pavés à l'intérieur des cartes
     var(--th-feuille, …)      fenêtres qui montent du bas, menu latéral
     var(--th-champ, …)        champs de saisie dans ces fenêtres
     var(--th-texte, …)        texte principal
     var(--th-contour, …)      contours des cartes, ombres des autocollants
     var(--th-ombre, …)        ombre décalée des grandes cartes
     var(--th-gris / -2 / -clair, …) textes secondaires
     var(--th-trait / -2 / -3, …)    traits fins, séparateurs
     var(--th-danger, …)       texte rouge (déconnexion, suppression)
     var(--th-voile, …)        voile sombre derrière une fenêtre
     var(--th-points, …)       petits points du fond de l'accueil
     var(--th-succes / -alerte, …) texte vert / ambre (plus foncés sur fond clair)
   La seconde valeur (après la virgule) est la couleur « Nuit » :
   une page qui ne charge pas ce fichier garde exactement son look.

   Les couleurs vives (violet, rose, cyan, vert, ambre), le noir
   des bandeaux et la craie des autocollants ne changent jamais.
   Le fond choisi est posé sur <html data-theme="…"> par
   /includes/theme.php, avant l'affichage.
========================================================== */

:root,
html[data-theme="nuit"] {
    --th-fond: #0c0a14;
    --th-carte: #17131f;
    --th-carte-2: #221a38;
    --th-feuille: #17131f;
    --th-champ: #0c0a14;
    --th-texte: #f6f3ff;
    --th-contour: #f6f3ff;
    --th-ombre: #9146ff;
    --th-gris: #b3adc4;
    --th-gris-2: #8f89a3;
    --th-gris-clair: #cdc7dc;
    --th-trait: #3d3654;
    --th-trait-2: #2b2540;
    --th-trait-3: #4a4264;
    --th-danger: #ff8fa3;
    --th-voile: rgba(7, 6, 11, .74);
    --th-points: #1c1730;
    --th-succes: #3ee08f;
    --th-alerte: #ffb020;
    color-scheme: dark;
}

/* ── Blanc : cartes blanches, contours noirs, ombres violettes ── */
html[data-theme="blanc"] {
    --th-fond: #ffffff;
    --th-carte: #ffffff;
    --th-carte-2: #f4f1fb;
    --th-feuille: #ffffff;
    --th-champ: #f4f1fb;
    --th-texte: #07060b;
    --th-contour: #07060b;
    --th-ombre: #9146ff;
    --th-gris: #6b6580;
    --th-gris-2: #8a849e;
    --th-gris-clair: #47425a;
    --th-trait: #dcd5ec;
    --th-trait-2: #e8e3f3;
    --th-trait-3: #bdb4d6;
    --th-danger: #d0103a;
    --th-voile: rgba(7, 6, 11, .6);
    --th-points: #e6e0f2;
    --th-succes: #0a9a55;
    --th-alerte: #b86e00;
    color-scheme: light;
}

/* ── Fluo : fond vif, cartes blanches, contours et ombres noirs ── */
html[data-theme="vert"],
html[data-theme="jaune"],
html[data-theme="bleu"] {
    --th-carte: #ffffff;
    --th-carte-2: #ffffff;
    --th-champ: #ffffff;
    --th-texte: #07060b;
    --th-contour: #07060b;
    --th-ombre: #07060b;
    --th-gris: #5d5872;
    --th-gris-2: #6f6a85;
    --th-gris-clair: #3a3650;
    --th-trait: #07060b;
    --th-trait-2: #07060b;
    --th-trait-3: #07060b;
    --th-danger: #c8102e;
    --th-voile: rgba(7, 6, 11, .6);
    --th-points: rgba(7, 6, 11, .13);
    --th-succes: #067a40;
    --th-alerte: #8a5200;
    color-scheme: light;
}
html[data-theme="vert"]  { --th-fond: #3dff7f; --th-feuille: #3dff7f; }
html[data-theme="jaune"] { --th-fond: #fff23a; --th-feuille: #fff23a; }
html[data-theme="bleu"]  { --th-fond: #3ab8ff; --th-feuille: #3ab8ff; }