/* ════════════════════════════════════════════════════════════════
   Santé pour tous — THÈMES (changement de design en 1 seul fichier)
   ────────────────────────────────────────────────────────────────
   Chaque thème ne fait que surcharger les variables CSS de
   liquid-glass.css (palette, encre, verre, fond) sur html[data-theme].
   👉 POUR AJOUTER / MODIFIER UN STYLE : éditer UNIQUEMENT ce fichier.
   Le menu déroulant (js/lg-theme-switcher.js) pose html[data-theme="…"].
   Chargé APRÈS liquid-glass.css → les surcharges l'emportent.
   ════════════════════════════════════════════════════════════════ */

/* ── Sélecteur de thème (menu déroulant, en haut) ── */
.lg-theme-sel{font:700 12px 'Inter',sans-serif;color:var(--ink-strong);
  background:var(--glass-strong);border:1px solid var(--line);border-radius:99px;
  padding:7px 12px;cursor:pointer;outline:none;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 6px 16px rgba(14,64,52,.12)}
.lg-theme-sel:hover{border-color:var(--teal)}
.lg-theme-pick-float{position:fixed;top:calc(10px + env(safe-area-inset-top));left:12px;z-index:60}

/* 1 ── Liquid Glass (défaut) : aucune surcharge → valeurs de :root ── */

/* 2 ── Aurore (chaud, corail/pêche) ── */
html[data-theme="aurore"]{
  --teal:#E2683C; --leaf:#F6A35A; --aqua:#FF8E63; --blue:#C9492A; --accent:#E2683C;
  --ink-strong:#46220F; --ink:#582E1A; --ink-soft:#8C5A41; --ink-mute:#B58A75;
  --bg-grad:linear-gradient(160deg,#FFF2E7 0%,#FCE6D7 55%,#FDEFE1 100%);
}
html[data-theme="aurore"] .lg-bg .b1{background:radial-gradient(circle at 42% 40%,#FFB07A,#F0683C 56%,transparent 72%)}
html[data-theme="aurore"] .lg-bg .b2{background:radial-gradient(circle,#FFD2A0,#FF9E63 54%,transparent 72%)}
html[data-theme="aurore"] .lg-bg .b3{background:radial-gradient(circle,#FFE0A0,#F6C45A 52%,transparent 70%)}
html[data-theme="aurore"] .lg-bg .b4{background:radial-gradient(circle,#FFC0A0,#FF7C5C 58%,transparent 72%)}

/* 3 ── Océan (frais, bleu) ── */
html[data-theme="ocean"]{
  --teal:#1E7FB8; --leaf:#37A8C8; --aqua:#2BB5C8; --blue:#11537F; --accent:#1E7FB8;
  --ink-strong:#0C2E45; --ink:#11354F; --ink-soft:#3A6385; --ink-mute:#6C90AC;
  --bg-grad:linear-gradient(160deg,#E6F1FB 0%,#DCE9F6 55%,#E9F2FB 100%);
}
html[data-theme="ocean"] .lg-bg .b1{background:radial-gradient(circle at 42% 40%,#5FB8E0,#1F7FB8 56%,transparent 72%)}
html[data-theme="ocean"] .lg-bg .b2{background:radial-gradient(circle,#86CFE0,#2F9EC8 54%,transparent 72%)}
html[data-theme="ocean"] .lg-bg .b3{background:radial-gradient(circle,#9CD0F0,#3F9ECE 52%,transparent 70%)}
html[data-theme="ocean"] .lg-bg .b4{background:radial-gradient(circle,#9CE0E7,#3FB6CE 58%,transparent 72%)}

/* 4 ── Lavande (apaisant, violet) ── */
html[data-theme="lavande"]{
  --teal:#7C5CD6; --leaf:#A98CF0; --aqua:#B08CF0; --blue:#5E45B7; --accent:#7C5CD6;
  --ink-strong:#2C2150; --ink:#332760; --ink-soft:#5E4F8A; --ink-mute:#8C82B0;
  --bg-grad:linear-gradient(160deg,#F2EEFB 0%,#E9E2F6 55%,#F0ECFB 100%);
}
html[data-theme="lavande"] .lg-bg .b1{background:radial-gradient(circle at 42% 40%,#B49CF0,#7C5CD6 56%,transparent 72%)}
html[data-theme="lavande"] .lg-bg .b2{background:radial-gradient(circle,#D0B0F0,#A98CF0 54%,transparent 72%)}
html[data-theme="lavande"] .lg-bg .b3{background:radial-gradient(circle,#F0B0D8,#D453A0 52%,transparent 70%)}
html[data-theme="lavande"] .lg-bg .b4{background:radial-gradient(circle,#C0B0F0,#8C7CE0 58%,transparent 72%)}

/* 5 ── Forêt (profond, émeraude/olive) ── */
html[data-theme="foret"]{
  --teal:#2E7D5B; --leaf:#6FAE5A; --aqua:#3FA98C; --blue:#246B4E; --accent:#2E7D5B;
  --ink-strong:#13321F; --ink:#173824; --ink-soft:#3C6A4E; --ink-mute:#6C9382;
  --bg-grad:linear-gradient(160deg,#E9F2E0 0%,#DEEAD4 55%,#E9F2E2 100%);
}
html[data-theme="foret"] .lg-bg .b1{background:radial-gradient(circle at 42% 40%,#6FBE8A,#2E7D5B 56%,transparent 72%)}
html[data-theme="foret"] .lg-bg .b2{background:radial-gradient(circle,#9CCF86,#6FAE5A 54%,transparent 72%)}
html[data-theme="foret"] .lg-bg .b3{background:radial-gradient(circle,#C9D78A,#A0B84A 52%,transparent 70%)}
html[data-theme="foret"] .lg-bg .b4{background:radial-gradient(circle,#7FD0B0,#3FA98C 58%,transparent 72%)}

/* 6 ── Nuit (sombre, beta) ── */
html[data-theme="nuit"]{
  --teal:#56C08A; --leaf:#7CE0B0; --aqua:#2BB5C8; --blue:#5FB0E0; --accent:#56C08A;
  --ink-strong:#EAF5EF; --ink:#D8E8E0; --ink-soft:#A8C6B8; --ink-mute:#7E9A8E;
  --glass:rgba(22,44,36,.55); --glass-strong:rgba(26,50,42,.72); --line:rgba(255,255,255,.12);
  --bg-grad:linear-gradient(160deg,#0B221B 0%,#0C2A22 55%,#0A2018 100%);
  --shadow:0 24px 56px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-theme="nuit"] .lg-bg .b1{background:radial-gradient(circle at 42% 40%,#1F6E58,#0F4A3E 56%,transparent 72%);opacity:.5}
html[data-theme="nuit"] .lg-bg .b2{background:radial-gradient(circle,#2A6E66,#13524C 54%,transparent 72%);opacity:.4}
html[data-theme="nuit"] .lg-bg .b3{background:radial-gradient(circle,#3A5E52,#1E423A 52%,transparent 70%);opacity:.35}
html[data-theme="nuit"] .lg-bg .b4{background:radial-gradient(circle,#1F5E5A,#103E3A 58%,transparent 72%);opacity:.4}
html[data-theme="nuit"] .lg-bg .grain{opacity:.05}