/**
 * VIBES brand tokens — shared across standalone pages.
 */
:root {
	--vibes-gold: #c59d5f;
	--vibes-gold-icon: #cc9955;
	--vibes-gold-dark: #a8844f;
	--vibes-dark: #414141;
	--vibes-black: #000000;
	--vibes-white: #ffffff;
	--vibes-gray-100: #f8f6f3;
	--vibes-gray-200: #ece8e2;
	--vibes-text-muted: rgba(255, 255, 255, 0.7);
	--vibes-font-script: "Alex Brush", cursive;
	--vibes-font-display: "Bodoni Moda", Georgia, serif;
	--vibes-font-body: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;
	--vibes-font-ui: "Roboto", sans-serif;
	--vibes-radius: 4px;
	--vibes-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
	--vibes-transition: 0.25s ease;
	--vibes-container: min(1140px, 92vw);
	--vibes-container-wide: min(1600px, 94vw);
	--vibes-touch-min: 48px;
	--vibes-safe-top: env(safe-area-inset-top, 0px);
	--vibes-safe-right: env(safe-area-inset-right, 0px);
	--vibes-safe-bottom: env(safe-area-inset-bottom, 0px);
	--vibes-safe-left: env(safe-area-inset-left, 0px);
	--vibes-page-gutter: max(16px, var(--vibes-safe-left));
}

@media (max-width: 768px) {
	:root {
		--vibes-container: 100%;
		--vibes-container-wide: 100%;
	}
}