/* CroxGames — Ultra Luxury Dark */

.theme-dark {
	--cg-bg: #030304;
	--cg-surface: #0b0b0e;
	--cg-surface-alt: #070708;
	--cg-text: #f8f5ef;
	--cg-muted: #9a9488;
	--cg-border: rgba(212, 175, 106, 0.12);
	--cg-border-strong: rgba(212, 175, 106, 0.28);

	--cg-accent: #d4af6a;
	--cg-accent-2: #f0ddb8;
	--cg-accent-3: #9a7b3c;
	--cg-accent-soft: rgba(212, 175, 106, 0.1);
	--cg-accent-soft-2: rgba(240, 221, 184, 0.06);
	--cg-accent-glow: rgba(212, 175, 106, 0.28);
	--cg-gradient: linear-gradient(135deg, #9a7b3c 0%, #d4af6a 45%, #f0ddb8 100%);
	--cg-gradient-subtle: linear-gradient(180deg, rgba(212, 175, 106, 0.08) 0%, transparent 100%);

	--cg-shadow: 0 20px 60px rgba(0, 0, 0, 0.55);
	--cg-shadow-card: 0 10px 32px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(212, 175, 106, 0.08);
	--cg-shadow-gold: 0 8px 32px rgba(212, 175, 106, 0.12);
	--cg-glass: rgba(11, 11, 14, 0.82);
	--cg-on-accent: #1a1408;

	background: var(--cg-bg);
	color: var(--cg-text);
}

.theme-dark body {
	background:
		radial-gradient(ellipse 120% 80% at 50% -30%, rgba(212, 175, 106, 0.07), transparent 50%),
		var(--cg-bg);
}

.theme-dark .cg-header {
	background: var(--cg-glass);
	border-bottom-color: var(--cg-border);
}

.theme-dark .cg-header.is-scrolled {
	background: rgba(3, 3, 4, 0.94);
	box-shadow: 0 8px 40px rgba(0, 0, 0, 0.45), 0 1px 0 var(--cg-border);
}

.theme-dark .cg-nav-list a:hover,
.theme-dark .cg-nav-list .current-menu-item > a,
.theme-dark .cg-nav-list .current_page_item > a {
	background: var(--cg-accent-soft);
	color: var(--cg-accent);
}

.theme-dark .cg-btn-primary {
	background: var(--cg-gradient);
	color: var(--cg-on-accent);
	box-shadow: var(--cg-shadow-gold);
}

.theme-dark .cg-btn-primary:hover {
	box-shadow: 0 12px 40px rgba(212, 175, 106, 0.28);
}

.theme-dark .cg-btn-outline {
	border-color: var(--cg-border-strong);
}

.theme-dark .cg-btn-outline:hover {
	background: var(--cg-accent-soft);
	border-color: var(--cg-accent);
	color: var(--cg-accent-2);
}

.theme-dark .cg-content a {
	color: var(--cg-accent);
}

.theme-dark .cg-pagination .current {
	background: var(--cg-gradient);
	border-color: transparent;
	color: var(--cg-on-accent);
}

.theme-dark .cg-store-list-col,
.theme-dark .cg-sidebar-card,
.theme-dark .cg-store-stat,
.theme-dark .cg-tile,
.theme-dark .cg-buy-box-inner {
	background: linear-gradient(160deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%);
}

.theme-dark .cg-card-price,
.theme-dark .cg-tile-price,
.theme-dark .cg-buy-price-value,
.theme-dark .cg-extra-price {
	color: var(--cg-accent-2);
}