/* ==========================================================================
   Palette scura: antracite blu-viola, mai nero puro, con profondità rosa
   appena percettibile. Il glow esiste solo qui ed è minimo.
   ========================================================================== */

:root[data-theme="dark"] {
	color-scheme: dark;

	--bg: #0E0E18;
	--bg-deep: #080A11;
	--surface-1: #14141F;
	--surface-2: #1B1826;
	--surface-3: #241D30;
	--border: #342A40;

	--text: #F7F7FA;
	--text-muted: #AAA6B4;

	--accent: #FF0A7A;
	--accent-rgb: 255, 10, 122;
	--accent-hover: #E6006D;
	--accent-deep: #D40063;
	/* Testo rosa su fondo scuro: la variante chiara garantisce il contrasto AA. */
	--accent-text: #FF3B93;
	--on-accent: #FFFFFF;
	--pink: #FF3B93;
	--pink-light: #FF66B3;
	--pink-pale: #FFD6E8;
	--pink-tint: #FFF0F6;

	/* Fondo pieno con testo bianco (pill, pulsanti): #E6006D regge AA 4.6:1, #FF0A7A no. */
	--accent-fill: #E6006D;
	--accent-fill-hover: #D40063;
	--pill-bg: var(--accent-fill);
	--pill-text: var(--on-accent, #FFFFFF);
	--chip-bg: var(--surface-2);
	--chip-text: var(--text);
	--focus: #FF66B3;

	--card-bg: var(--surface-1);
	--card-border: var(--border);
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
	--shadow-md: 0 10px 30px rgba(0, 0, 0, 0.35);
	--glow: 0 0 0 1px rgba(var(--accent-rgb, 255, 10, 122), 0.22), 0 8px 28px rgba(var(--accent-rgb, 255, 10, 122), 0.14);

	--header-bg: rgba(14, 14, 24, 0.86);
	--overlay: rgba(8, 10, 17, 0.7);
	--media-scrim: linear-gradient(180deg, rgba(8, 10, 17, 0) 25%, rgba(8, 10, 17, 0.9) 100%);
	--quick-bg: linear-gradient(135deg, rgba(var(--accent-rgb, 255, 10, 122), 0.12), rgba(var(--accent-rgb, 255, 10, 122), 0.03) 60%), var(--surface-1);
	--quick-border: rgba(var(--accent-rgb, 255, 10, 122), 0.45);
	/* Fasce di voto: tonalità chiare, leggibili come testo su fondo scuro (AA). */
	--score-top: var(--accent-text);
	--score-high: #4ADE9B;
	--score-good: #A8E05F;
	--score-mid: #FBBF24;
	--score-low: #FF7A7A;

	--skeleton: #1B1826;
	--skeleton-shine: #241D30;
}