/* Palettes de l'accueil mikhplus.com (ALPHA 2026-10-04 : « celle actuelle est tres sombre »).
   Sans attribut : « nuit » (valeurs d'origine de plateforme.css + accueil.css).
   <html data-palette="..."> redefinit seulement les variables ; aucune regle de mise en page ici.
   Conversations en mode clair : couleurs claires de Telegram (bulle bleu pale) et WhatsApp (bulle verte). */

/* ---------- Ciel : clair, blanc et bleu ---------- */
html[data-palette="ciel"] {
  --fond: #f5f7fc; --surface: #ffffff; --surface2: #eef2fa; --trait: #dde4f2;
  --texte: #0e1a33; --doux: #52607f; --accent: #3552e6; --accent-fonce: #2c45c9;
  --ok: #10915a; --att: #a96506; --ko: #cf3a37; --wave: #0b84c6;
  --ecran2: #ffffff; --violet: #7a5cf0; --wa-bulle: #dcf8c6;
  --encre-douce: #36435f; --accent-texte: #2f4fd8; --bord-vif: #c7d2ea;
  --barre-fond: rgba(245,247,252,.94); --cta-survol: #2338a8;
  --voile-1: rgba(14,26,51,.04); --voile-2: rgba(14,26,51,.055); --voile-3: rgba(14,26,51,.075);
  --badge-fond: #e5ebfb; --gain-fond: #edf1fd; --total-v-fond: #f0ebfe; --texte-2: #22304d;
  --violet-texte: #5b3fd0; --tg-texte: #0a6fa6; --wa-texte: #0f7f45; --tg-moi-fond: #e1f1fd; --tg-moi-texte: #0a557f;
  --wa-bulle-texte: #10301b; --wa-petit: #39704b; --puce-actif-fond: #0a6fa6; --puce-actif-texte: #ffffff;
  --avant-fond: #eaf7f0; --avant-voile: #eaf7f0; --ruban-texte: #ffffff; --ticket-fond: #ffffff; --talon-fond: #eef2fd; --decoupe: #aebde3;
  --carte-voile: rgba(255,255,255,.96); --mini-action-texte: #5236c4; --pt-gris: #98a2b8; --ko-texte: #b52e2b; --bloc-trait: rgba(14,26,51,.09);
  --texte-fort: #0e1a33; --google-bord: #c7d2ea;
  --reseau-rgb: 53,82,230; --reseau-paquet: 11,132,198; --reseau-paie: 16,145,90; --reseau-opacite: .55;
}

/* ---------- Ivoire : clair, orange et vert du drapeau ivoirien ---------- */
html[data-palette="ivoire"] {
  --fond: #faf8f5; --surface: #ffffff; --surface2: #f4f0ea; --trait: #e8e1d6;
  --texte: #1f1a14; --doux: #6b6156; --accent: #e06a00; --accent-fonce: #b85500;
  --ok: #00875a; --att: #a96506; --ko: #c8372d; --wave: #0b84c6;
  --ecran2: #ffffff; --violet: #e8862a; --wa-bulle: #dcf8c6;
  --encre-douce: #4a4137; --accent-texte: #b85500; --bord-vif: #e3d3bd;
  --barre-fond: rgba(250,248,245,.94); --cta-survol: #974600;
  --voile-1: rgba(31,26,20,.04); --voile-2: rgba(31,26,20,.055); --voile-3: rgba(31,26,20,.075);
  --badge-fond: #fdecd9; --gain-fond: #fff2e4; --total-v-fond: #fff2e4; --texte-2: #2d261f;
  --violet-texte: #b85500; --tg-texte: #0a6fa6; --wa-texte: #0f7f45; --tg-moi-fond: #e1f1fd; --tg-moi-texte: #0a557f;
  --wa-bulle-texte: #10301b; --wa-petit: #39704b; --puce-actif-fond: #b85500; --puce-actif-texte: #ffffff;
  --avant-fond: #e7f5ee; --avant-voile: #e7f5ee; --ruban-texte: #ffffff; --ticket-fond: #ffffff; --talon-fond: #fff2e4; --decoupe: #e3b583;
  --carte-voile: rgba(255,255,255,.96); --mini-action-texte: #974600; --pt-gris: #a69c8f; --ko-texte: #a92e25; --bloc-trait: rgba(31,26,20,.09);
  --texte-fort: #1f1a14; --google-bord: #e3d3bd;
  --reseau-rgb: 224,106,0; --reseau-paquet: 0,135,90; --reseau-paie: 0,135,90; --reseau-opacite: .5;
}

/* ---------- Lagune : clair, turquoise ---------- */
html[data-palette="lagune"] {
  --fond: #f0f7f7; --surface: #ffffff; --surface2: #e5f1f1; --trait: #d2e5e5;
  --texte: #0c2325; --doux: #4b6769; --accent: #0e7c86; --accent-fonce: #0a6670;
  --ok: #10875a; --att: #a96506; --ko: #c8372d; --wave: #0b84c6;
  --ecran2: #ffffff; --violet: #14a0aa; --wa-bulle: #dcf8c6;
  --encre-douce: #2d494b; --accent-texte: #0a6670; --bord-vif: #b6d8d8;
  --barre-fond: rgba(240,247,247,.94); --cta-survol: #07505a;
  --voile-1: rgba(12,35,37,.04); --voile-2: rgba(12,35,37,.055); --voile-3: rgba(12,35,37,.075);
  --badge-fond: #d9eeee; --gain-fond: #e2f3f2; --total-v-fond: #e2f3f2; --texte-2: #1a3335;
  --violet-texte: #0a6670; --tg-texte: #0a6fa6; --wa-texte: #0f7f45; --tg-moi-fond: #e1f1fd; --tg-moi-texte: #0a557f;
  --wa-bulle-texte: #10301b; --wa-petit: #39704b; --puce-actif-fond: #0a6670; --puce-actif-texte: #ffffff;
  --avant-fond: #e5f5ee; --avant-voile: #e5f5ee; --ruban-texte: #ffffff; --ticket-fond: #ffffff; --talon-fond: #e2f3f2; --decoupe: #93c6c6;
  --carte-voile: rgba(255,255,255,.96); --mini-action-texte: #07505a; --pt-gris: #8fa6a7; --ko-texte: #a92e25; --bloc-trait: rgba(12,35,37,.09);
  --texte-fort: #0c2325; --google-bord: #b6d8d8;
  --reseau-rgb: 14,124,134; --reseau-paquet: 11,132,198; --reseau-paie: 16,135,90; --reseau-opacite: .55;
}

/* ---------- Ardoise : sombre adouci, gris-bleu ---------- */
html[data-palette="ardoise"] {
  --fond: #1d2533; --surface: #263041; --surface2: #2c3749; --trait: #3a465c;
  --texte: #eef1f7; --doux: #aeb8cc; --accent: #5b7bff; --accent-fonce: #3f5de0;
  --ok: #45d19a; --att: #f2b84b; --ko: #f07070; --wave: #4cc8ff;
  --ecran2: #232c3c; --violet: #9d84ff; --wa-bulle: #1f3d2c;
  --encre-douce: #d2d9e8; --accent-texte: #93a8ff; --bord-vif: #46536c;
  --barre-fond: rgba(29,37,51,.94); --cta-survol: #3550c4;
  --voile-1: rgba(255,255,255,.04); --voile-2: rgba(255,255,255,.06); --voile-3: rgba(255,255,255,.085);
  --badge-fond: #2c3749; --gain-fond: #2e3a5a; --total-v-fond: #34305a; --texte-2: #e2e7f2;
  --violet-texte: #c3b5ff; --tg-texte: #9ad9ff; --wa-texte: #8af0b8; --tg-moi-fond: rgba(42,171,238,.22); --tg-moi-texte: #cdeeff;
  --wa-bulle-texte: #dcf5e5; --wa-petit: #a6dcbc; --puce-actif-fond: #9ad9ff; --puce-actif-texte: #0b2433;
  --avant-fond: #1f3a37; --avant-voile: rgba(31,58,55,.96); --ruban-texte: #082016; --ticket-fond: #263041; --talon-fond: #2e3a5a; --decoupe: #56658a;
  --carte-voile: rgba(38,48,65,.95); --mini-action-texte: #d6ccff; --pt-gris: #75809a; --ko-texte: #ffaaa7; --bloc-trait: rgba(255,255,255,.08);
  --texte-fort: #ffffff; --google-bord: transparent;
  --reseau-rgb: 150,170,255; --reseau-paquet: 76,200,255; --reseau-paie: 69,209,154; --reseau-opacite: .7;
}

/* mode clair : drapeau CI du pied de page cerne (sa bande blanche disparait sur fond clair) */
html[data-palette="ciel"] .pied-tel .drapeau, html[data-palette="ivoire"] .pied-tel .drapeau, html[data-palette="lagune"] .pied-tel .drapeau { box-shadow: 0 0 0 1px rgba(0,0,0,.18); }
/* mode clair : bouton Google borde (sinon blanc sur blanc), ombres plus legeres */
html[data-palette] .btn-google { box-shadow: inset 0 0 0 1px var(--google-bord); }
html[data-palette="ciel"] .cta-plein, html[data-palette="ivoire"] .cta-plein, html[data-palette="lagune"] .cta-plein { box-shadow: 0 6px 14px -8px rgba(14,26,51,.35); }