/* =========================================================================
   PlayRox Player Dashboard — V3 "Light" theme
   A clean, bright re-skin of the V2 app shell. Applied when the dashboard
   root carries .plxv2--light. Overrides the palette variables plus the
   hardcoded dark surfaces / white text that don't read on a light background.
   Elements that sit on their own coloured gradients (primary buttons, pills,
   the hero) keep their white text.
   ========================================================================= */

.plxv2--light {
	--v2-bg: #eef1f7;
	--v2-bg2: #e7ebf4;
	--v2-panel: #ffffff;
	--v2-panel2: #f5f7fb;
	--v2-line: rgba(20, 30, 55, 0.09);
	--v2-line-strong: rgba(20, 30, 55, 0.16);
	--v2-text: #1c2740;
	--v2-muted: #6a7690;
	--v2-accent: #5b7cfa;
	--v2-accent2: #7c5cfa;
	--v2-green: #16a34a;
	--v2-gold: #d99a00;
	--v2-crystal: #2f7fd6;

	background:
		radial-gradient(1200px 600px at 80% -10%, rgba(92, 124, 250, 0.10), transparent 60%),
		radial-gradient(900px 500px at 0% 0%, rgba(124, 92, 250, 0.07), transparent 55%),
		var(--v2-bg) !important;
	color: var(--v2-text) !important;
}

/* Strip the canvas to the light background too. */
.playrox-page-canvas:has(.plxv2--light),
.playrox-page-canvas.has-premium-dash:has(.plxv2--light) {
	background: var(--v2-bg, #eef1f7) !important;
}

/* ---- Bars: light frosted glass ---------------------------------------- */
.plxv2--light .plxv2__topbar {
	background: rgba(255, 255, 255, 0.86) !important;
	border-bottom: 1px solid var(--v2-line) !important;
}
.plxv2--light .plxv2__mobilenav {
	background: rgba(255, 255, 255, 0.97) !important;
	border-top: 1px solid var(--v2-line) !important;
}
.plxv2--light .plxv2__mobilenav-item { color: var(--v2-muted); }
.plxv2--light .plxv2__mobilenav-item.is-active { color: var(--v2-accent); }

/* ---- Structural text that was pure white → ink ------------------------ */
.plxv2--light .plxv2__brand-text b,
.plxv2--light .plxv2__profile-name,
.plxv2--light .plxv2__pstat b,
.plxv2--light .plxv2-sec-head h2,
.plxv2--light .plxv2-card__title,
.plxv2--light .plxv2-missions__all b,
.plxv2--light .plxv2-rewards__today b,
.plxv2--light .plxv2__user-meta b {
	color: var(--v2-text) !important;
}

/* Active top tab: accent on soft accent wash. */
.plxv2--light .plxv2__toptab.is-active {
	color: var(--v2-accent) !important;
	background: rgba(91, 124, 250, 0.12) !important;
	box-shadow: inset 0 0 0 1px rgba(91, 124, 250, 0.30) !important;
}
.plxv2--light .plxv2__toptab:hover { background: rgba(20, 30, 55, 0.05); color: var(--v2-text); }

/* Sidebar nav items. */
.plxv2--light .plxv2__navitem { color: var(--v2-muted); }
.plxv2--light .plxv2__navitem.is-active {
	color: var(--v2-accent) !important;
	background: rgba(91, 124, 250, 0.10) !important;
}
.plxv2--light .plxv2__navitem:hover { background: rgba(20, 30, 55, 0.05); }

/* "See all" style links → accent. */
.plxv2--light .plxv2-card__link { color: var(--v2-accent) !important; }

/* Icon buttons / search on light. */
.plxv2--light .plxv2__iconbtn,
.plxv2--light .plxv2__search { background: var(--v2-panel2); border-color: var(--v2-line); color: var(--v2-text); }
.plxv2--light .plxv2__search input { color: var(--v2-text); }
.plxv2--light .plxv2__search input::placeholder { color: var(--v2-muted); }

/* Cards & panels get a soft shadow instead of glow for depth on white. */
.plxv2--light .plxv2-card,
.plxv2--light .plxv2__sidecard,
.plxv2--light .plxv2-gcard,
.plxv2--light .plxv2__panel > section,
.plxv2--light .plxv2-news__card {
	box-shadow: 0 2px 14px rgba(20, 30, 55, 0.06);
}

/* Usermenu dropdown on light. */
.plxv2--light .plxv2__usermenu { background: var(--v2-panel); border: 1px solid var(--v2-line); color: var(--v2-text); }
.plxv2--light .plxv2__usermenu a { color: var(--v2-text); }
.plxv2--light .plxv2__usermenu a:hover { background: rgba(20, 30, 55, 0.05); }

/* Player stat tiles / small chips. */
.plxv2--light .plxv2__pstat,
.plxv2--light .plxv2-hero__count-grid > * { background: var(--v2-panel2); }