/* ============================================================================
   Store / Kingdom theme skinning
   ----------------------------------------------------------------------------
   Reuses the same per-theme palette (--profile-*) that profile.css defines, so
   equipping a theme also recolors the store/kingdom, not just the profile.
   Self-contained: the palette vars are redeclared here so they resolve on the
   store page (profile.css is not enqueued there).
   Applies to any #inv-store-root carrying a data-theme (the .inv-theme--<slug>
   class sets the vars on the same element).
   ============================================================================ */

/* --- Palettes (mirror of profile.css .inv-theme--*) --- */
.inv-theme--dark    { --profile-accent:#f59e0b; --profile-bg:#080d1a; --profile-card:#111827; --profile-border:rgba(255,255,255,.05); }
.inv-theme--gold    { --profile-accent:#d97706; --profile-bg:#0e0a04; --profile-card:#1a1005; --profile-border:rgba(217,119,6,.2); }
.inv-theme--blood   { --profile-accent:#dc2626; --profile-bg:#0d0404; --profile-card:#180808; --profile-border:rgba(220,38,38,.2); }
.inv-theme--invblue { --profile-accent:#3b82f6; --profile-bg:#03060e; --profile-card:#060d1c; --profile-border:rgba(59,130,246,.2); }
.inv-theme--dragon  { --profile-accent:#ef4444; --profile-bg:#0a0404; --profile-card:#140808; --profile-border:rgba(239,68,68,.15); }
.inv-theme--shadow  { --profile-accent:#8b5cf6; --profile-bg:#050508; --profile-card:#0a0a12; --profile-border:rgba(139,92,246,.12); }
.inv-theme--ancient { --profile-accent:#10b981; --profile-bg:#040a08; --profile-card:#081410; --profile-border:rgba(16,185,129,.12); }

/* --- Surface overrides (any themed store root) --- */
.inv-store-root[data-theme] {
	background-color: var(--profile-bg) !important;
	transition: background-color .25s ease;
}
.inv-store-root[data-theme] .bg-bg-siege {
	background: var(--profile-bg) !important;
}
.inv-store-root[data-theme] .bg-bg-siege-secondary,
.inv-store-root[data-theme] .inv-store-card {
	background-color: var(--profile-card) !important;
}
.inv-store-root[data-theme] .inv-store-card {
	border-color: var(--profile-border) !important;
}
.inv-store-root[data-theme] .border-white\/5,
.inv-store-root[data-theme] .border-white\/10 {
	border-color: var(--profile-border) !important;
}
.inv-store-root[data-theme] .text-amber-flame {
	color: var(--profile-accent) !important;
}
.inv-store-root[data-theme] .bg-amber-flame {
	background-color: var(--profile-accent) !important;
}
/* Active store tab underline + primary buttons follow the accent */
.inv-store-root[data-theme] .inv-store-tab.is-active {
	color: var(--profile-accent) !important;
	border-bottom-color: var(--profile-accent) !important;
}
.inv-store-root[data-theme] .inv-store-card__btn--equip {
	border-color: var(--profile-accent) !important;
	color: var(--profile-accent) !important;
}