/* ══════════════════════════════════════════════════════════
   Thèmes — 3 mises en forme (data-layout) + couleur d'accent LIBRE.
   La couleur est choisie via une roue chromatique dans Admin → Apparence
   et injectée par header.php (override de --accent & dérivés sur :root).
   Chargé APRÈS main.css.
   ══════════════════════════════════════════════════════════ */

/* ── MISES EN FORME (data-layout) ── */

/* Layout 1 — Classique (défaut : hérite de main.css) */

/* Layout 2 — Moderne (arrondi, aéré, doux) */
html[data-layout="2"]{ --radius:12px; --radius-lg:18px; }
html[data-layout="2"] .site-header{
  background:linear-gradient(180deg, var(--bg-surface), var(--bg-base));
  backdrop-filter:saturate(1.1) blur(2px);
}
html[data-layout="2"] .btn,
html[data-layout="2"] button{ border-radius:999px !important; }
html[data-layout="2"] .card,
html[data-layout="2"] .panel,
html[data-layout="2"] .stat-card{ box-shadow:0 6px 24px rgba(0,0,0,.35); }

/* Layout 3 — Tactique (anguleux, dense, HUD) */
html[data-layout="3"]{ --radius:0px; --radius-lg:0px; }
html[data-layout="3"] h1,
html[data-layout="3"] h2,
html[data-layout="3"] h3{ font-family:var(--font-mono); letter-spacing:1.5px; text-transform:uppercase; }
html[data-layout="3"] .site-header{ border-bottom:2px solid var(--accent); }
html[data-layout="3"] .card,
html[data-layout="3"] .panel,
html[data-layout="3"] .stat-card{ border-left:3px solid var(--accent); }
html[data-layout="3"] .btn,
html[data-layout="3"] button{ border-radius:0 !important; text-transform:uppercase; letter-spacing:.5px; }

/* ── Halo du logo de la home (suit la couleur d'accent) ── */
.hero-coin__face img{ filter:brightness(1.2) drop-shadow(0 0 10px var(--accent-glow)) drop-shadow(0 2px 6px rgba(0,0,0,.55)); }