/* ═══════════════════════════════════════════════════════════════
   GUITAR THEORY — THÈME EMERALD NIGHT
   Activé par html.emerald-night (classe ajoutée via JS).
   Toujours chargé dans le HTML, inactif par défaut.
═══════════════════════════════════════════════════════════════ */

/* ── Mode nuit : noir-violet + vert menthe ── */
html.emerald-night,
html.emerald-night[data-theme="dark"] {
  --bg:#120d1a;
  --s1:#1c1526;
  --s2:#261d32;
  --bg-gradient: radial-gradient(ellipse 140% 140% at 0% 100%, #1a4a2a 0%, #120d1a 65%);
  --neon:#56e39f;
  --neon2:#59c9a5;
  --brd:#2e2240;
  --txt:#e8f5ee;
  --txt2:#7a9a86;
  --mut:#3a4a42;
  --gold:#b8a04a; --gold2:#d4c070; --cream:#e0f0e8;
  --fb-bg:#0e0a16; --fb-string:#2e2240; --fb-fret:#1c1526;
  --fb-nut:var(--neon); --fb-dot:#1c1526; --fb-num:#3a4a42; --fb-label:#3a4a42;
}

/* ── Mode jour : bleu clair + accent bleu ── */
html.emerald-night[data-theme="light"] {
  --bg:#e8eeff;
  --s1:#d8e2fc;
  --s2:#c8d4f8;
  --bg-gradient: radial-gradient(ellipse 140% 140% at 0% 100%, #56a8e0 0%, #e8eeff 65%);
  --neon:#0066cc;
  --neon2:#0099aa;
  --brd:#a8b8e8;
  --txt:#06081e;
  --txt2:#242e68;
  --mut:#5868b8;
  --gold:#6a5010; --gold2:#8a7030; --cream:#1a1840;
  --fb-bg:#d4dafc; --fb-string:#a8b8e8; --fb-fret:#bcc8f0;
  --fb-nut:var(--neon); --fb-dot:#a8b8e8; --fb-num:#7080c0; --fb-label:#7080c0;
}

/* ── Typographie : Space Grotesk pour le corps ── */
html.emerald-night body {
  font-family: 'Space Grotesk', system-ui, sans-serif !important;
}

/* ── Syne pour les titres ── */
html.emerald-night .app-title,
html.emerald-night #splash h1,
html.emerald-night .modal-title,
html.emerald-night .et-section-title,
html.emerald-night .mastery-block-title,
html.emerald-night .tab-btn,
html.emerald-night .btn-start,
html.emerald-night .section-title {
  font-family: 'Syne', sans-serif !important;
}