/* =========================================================
   BloxRadio — mode nuit 🌙 (bleu nuit, accent bleu Roblox)
   Activé par le visiteur (bouton lune) ou par le réglage de son appareil.
   S'appuie sur themes-common.css et theme-dark.css.
   ========================================================= */
html[data-theme="nuit"] {
  --bg: #090e1c; --surface: #111a2e; --surface-2: #17223b; --surface-3: #22304f;
  --line: rgba(255, 255, 255, .08); --line-2: rgba(255, 255, 255, .15);
  --text: #eef2ff; --text-2: #c3cbe4; --muted: #8b96b8;
  --blue: #5b82ff; --blue-dark: #4a6fff; --blue-deep: #a9bcff;
  --blue-soft: rgba(91, 130, 255, .14); --blue-ring: rgba(91, 130, 255, .32);
  --on-accent: #fff; --shadow: 0 24px 60px -28px rgba(0, 0, 0, .85);
  --np-base: #2f55e8; --np-a: rgba(91, 130, 255, .4); --np-b: rgba(31, 60, 190, .72); --np-c: rgba(8, 14, 40, .92);
  --dot: rgba(140, 170, 255, .14);
}
html[data-theme="nuit"] body {
  background:
    radial-gradient(900px 520px at 90% -10%, rgba(51, 95, 255, .22), transparent 60%),
    radial-gradient(700px 420px at -5% 5%, rgba(0, 162, 255, .10), transparent 60%), var(--bg);
  background-repeat: no-repeat;
}
html[data-theme="nuit"] .t-req-title { color: var(--blue-deep); }
html[data-theme="nuit"] .game-img { background: linear-gradient(135deg, var(--blue-soft), var(--surface)); }
html[data-theme="nuit"] .req-skel { background: linear-gradient(100deg, var(--surface-2) 30%, var(--surface-3) 50%, var(--surface-2) 70%); background-size: 300% 100%; }
html[data-theme="nuit"] .t-np .play { color: #2f55e8; }

/* Passage jour ↔ nuit en douceur (seulement au clic, pas au chargement) */
html.night-switching, html.night-switching * { transition: background-color .3s, border-color .3s, color .3s !important; }