/* =========================
   THEME centralisé Quiz
   ========================= */

/* Valeurs par défaut si aucune classe thème n’est sur <body> */
:root {
  --bg1:#d8f3dc; --bg2:#95d5b2; --fg:#1b4332;
  --btn:#1b4332; --btn-hover:#081c15; --accent:#2d6a4f;
}

/* Thèmes de base */
.theme-green { --bg1:#d8f3dc; --bg2:#95d5b2; --fg:#1b4332; --btn:#1b4332; --btn-hover:#081c15; --accent:#2d6a4f; }
.theme-red   { --bg1:#ffe5e5; --bg2:#ffb3b3; --fg:#7a0000; --btn:#c1121f; --btn-hover:#780000; --accent:#9d0208; }
.theme-white { --bg1:#ffffff; --bg2:#f1f3f5; --fg:#212529; --btn:#495057; --btn-hover:#343a40; --accent:#000000; }

/* Thèmes additionnels existants */
.theme-blue    { --bg1:#e7f0ff; --bg2:#b3ccff; --fg:#0b2e59; --btn:#1d4ed8; --btn-hover:#1e3a8a; --accent:#1e40af; }
.theme-orange  { --bg1:#fff1e6; --bg2:#ffd4b8; --fg:#5a2a00; --btn:#ea580c; --btn-hover:#9a3412; --accent:#c2410c; }
.theme-purple  { --bg1:#f3e8ff; --bg2:#d8b4fe; --fg:#3b0764; --btn:#7c3aed; --btn-hover:#5b21b6; --accent:#6d28d9; }
.theme-pink    { --bg1:#ffe4ef; --bg2:#ffb3cc; --fg:#6e1030; --btn:#db2777; --btn-hover:#9d174d; --accent:#be185d; }
.theme-teal    { --bg1:#e6fffb; --bg2:#b2f5ea; --fg:#074b4a; --btn:#0d9488; --btn-hover:#115e59; --accent:#0f766e; }
.theme-gold    { --bg1:#fff9db; --bg2:#ffe8a3; --fg:#5b3900; --btn:#b45309; --btn-hover:#78350f; --accent:#92400e; }
.theme-gray    { --bg1:#f8f9fa; --bg2:#e9ecef; --fg:#212529; --btn:#495057; --btn-hover:#343a40; --accent:#212529; }
.theme-dark    { --bg1:#0f172a; --bg2:#111827; --fg:#e5e7eb; --btn:#374151; --btn-hover:#1f2937; --accent:#93c5fd; }
.theme-night   { --bg1:#0a0f1f; --bg2:#0f172a; --fg:#e2e8f0; --btn:#1e293b; --btn-hover:#0b1324; --accent:#38bdf8; }

/* 🎨 Nouvelles combinaisons populaires */
.theme-emerald { --bg1:#e6fff2; --bg2:#b8f5d0; --fg:#073b23; --btn:#059669; --btn-hover:#047857; --accent:#065f46; }
.theme-coral   { --bg1:#fff1f0; --bg2:#ffd5ce; --fg:#5f1410; --btn:#F299A7; --btn-hover:#e18897; --accent:#F299A7; }
.theme-ocean   { --bg1:#e0f2fe; --bg2:#bae6fd; --fg:#082f49; --btn:#0284c7; --btn-hover:#0369a1; --accent:#075985; }
.theme-lavender{ --bg1:#f5f3ff; --bg2:#ddd6fe; --fg:#2e1065; --btn:#7c3aed; --btn-hover:#5b21b6; --accent:#6d28d9; }
.theme-forest  { --bg1:#d9f99d; --bg2:#86efac; --fg:#052e16; --btn:#166534; --btn-hover:#14532d; --accent:#15803d; }
.theme-mint    { --bg1:#ecfdf5; --bg2:#a7f3d0; --fg:#064e3b; --btn:#10b981; --btn-hover:#047857; --accent:#059669; }
.theme-amber   { --bg1:#fffbeb; --bg2:#fde68a; --fg:#78350f; --btn:#d97706; --btn-hover:#92400e; --accent:#b45309; }
.theme-slate   { --bg1:#f1f5f9; --bg2:#cbd5e1; --fg:#0f172a; --btn:#475569; --btn-hover:#334155; --accent:#1e293b; }

/* 💖 Romance (Laure Aleno) : crème rosé, rose poudré, bleu canard de l'illustration */
.theme-romance { --bg1:#fdf6f1; --bg2:#f2d6d3; --fg:#3d2630; --btn:#c0697b; --btn-hover:#9e4f61; --accent:#2f5d62; }

@font-face {
  font-family: "Dancing Script";
  src: url("/static/fonts/dancing-script-latin-600-normal.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}

/* Règles communes */
body[class*="theme-"] {
  background: radial-gradient(circle at top, var(--bg1) 0%, var(--bg2) 100%) !important;
  color: var(--fg) !important;
  font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif !important;
}

body[class*="theme-"] h1,
body[class*="theme-"] h2 {
  color: var(--accent) !important;
}

/* Boutons / labels / CTA */
body[class*="theme-"] .start-button,
body[class*="theme-"] .big-button,
body[class*="theme-"] button,
body[class*="theme-"] .question label,
body[class*="theme-"] .key {
  background-color: var(--btn) !important;
  color: #fff !important;
  transition: background-color .2s ease, transform .2s ease;
}

body[class*="theme-"] .start-button:hover,
body[class*="theme-"] .big-button:hover,
body[class*="theme-"] button:hover,
body[class*="theme-"] .question label:hover,
body[class*="theme-"] .key:hover {
  background-color: var(--btn-hover) !important;
}