/* Esquemas oscuros — superficies que usan colores fijos en style.css */

body.glmx-theme-dark {
	color-scheme: dark;
}

body.glmx-theme-dark .site-header,
body.glmx-theme-dark .region-menu,
body.glmx-theme-dark .primary-nav .sub-menu,
body.glmx-theme-dark .header-search-inline .search-form input[type="search"],
body.glmx-theme-dark .header-search .search-form input[type="search"],
body.glmx-theme-dark .game-card,
body.glmx-theme-dark .rank-card,
body.glmx-theme-dark .genre-card,
body.glmx-theme-dark .genre-panel,
body.glmx-theme-dark .topic-card,
body.glmx-theme-dark .glist-item,
body.glmx-theme-dark .editor-list-item,
body.glmx-theme-dark .browse-card,
body.glmx-theme-dark .catalog-sidebar-card,
body.glmx-theme-dark .aside-card,
body.glmx-theme-dark .site-footer {
	background: var(--bg-elev);
}

body.glmx-theme-dark .aside-card {
	border-color: var(--line);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

body.glmx-theme-dark .aside-card .stars-row .star svg {
	fill: var(--bg-3);
}

body.glmx-theme-dark .aside-card .sidebar-game-btn,
body.glmx-theme-dark .aside-card .btn-outline {
	background: transparent;
}

body.glmx-theme-dark .btn-outline {
	background: transparent;
	color: var(--purple);
	border-color: var(--purple);
}

body.glmx-theme-dark .btn-outline:hover {
	background: var(--glow-soft);
	color: var(--purple-2);
	border-color: var(--purple-2);
}

body.glmx-theme-dark .pill {
	background: var(--bg-2);
	color: var(--muted);
}

body.glmx-theme-dark ::-webkit-scrollbar-thumb {
	background: var(--bg-3);
}

body.glmx-theme-dark .site-header.is-scrolled {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}