/* Design tokens — shared with the home UI. Change here, everything follows. */
:root {
	--mu-bg: #060f1e;
	--mu-bg-2: #0a1a31;
	--mu-surface: #0d1f3a;
	--mu-surface-2: #12294d;
	--mu-line: rgba(217, 169, 91, .22);
	--mu-line-strong: rgba(217, 169, 91, .6);
	--mu-gold: #d9a95b;
	--mu-gold-2: #f0cf8e;
	--mu-gold-3: #b8803a;
	--mu-gold-grad: linear-gradient(135deg, #f0cf8e 0%, #d9a95b 52%, #b8803a 100%);
	--mu-on-gold: #1a1204;
	--mu-text: #ffffff;
	--mu-muted: #a9b6cb;
	--mu-danger: #ff7a7a;
	/* light form fields (readable on the dark cards) */
	--mu-input-bg: #fffaf0;
	--mu-input-text: #14213d;
	--mu-input-line: rgba(184, 128, 58, .55);
	--mu-input-placeholder: #8b8f9a;
	--mu-radius: 14px;
	--mu-radius-sm: 8px;
	--mu-shadow: 0 14px 34px rgba(0, 0, 0, .38);
	--mu-font-head: 'Playfair Display', Georgia, serif;
	--mu-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--mu-container: 1320px;
	--mu-pad: 16px;
}
@media (min-width: 768px) { :root { --mu-pad: 28px; } }

/* Optional light "golden white" variant: add_filter( 'mu_shop_theme', fn() => 'light' ); */
.mu-shop[data-mu-theme="light"], body.mu-theme-light {
	--mu-bg: #fffaf0;
	--mu-bg-2: #fff4e0;
	--mu-surface: #ffffff;
	--mu-surface-2: #fff7e8;
	--mu-line: rgba(184, 128, 58, .28);
	--mu-line-strong: rgba(184, 128, 58, .7);
	--mu-text: #14213d;
	--mu-muted: #5d6b82;
	--mu-shadow: 0 12px 28px rgba(120, 80, 20, .14);
}