:root {
	--color-navy: #0b1021;
	--color-navy-accent: #1e2d56;
	--color-red: #9b1c1c;
	--color-red-hover: #7f1d1d;
	--color-gold: #c5a880;
	--color-gold-hover: #b29369;
	--color-cream: #fcfaf7;
	--color-cream-strong: #faf7f2;
	--color-ink: #1e293b;
	--color-muted: rgba(11, 16, 33, 0.62);
	--color-line: rgba(197, 168, 128, 0.28);
	--color-panel: #ffffff;
	--color-footer-text: #f5efe6;
	--font-body: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--container: 1180px;
	--container-narrow: 860px;
	--shadow-soft: 0 12px 30px rgba(11, 16, 33, 0.08);
	--shadow-strong: 0 24px 60px rgba(11, 16, 33, 0.16);
	--transition: 180ms ease;
}

body.bagverse-dark {
	--color-cream: #0f1426;
	--color-cream-strong: #11182c;
	--color-panel: #161d33;
	--color-ink: #f5efe6;
	--color-muted: rgba(245, 239, 230, 0.68);
	--color-line: rgba(197, 168, 128, 0.36);
	--shadow-soft: 0 12px 30px rgba(0, 0, 0, 0.28);
	--shadow-strong: 0 24px 60px rgba(0, 0, 0, 0.36);
}