:root {
	/* Brand — almost-white field; pink/red reserved for accents & footer */
	--color-bg: #fffbfc;
	--color-bg-pink: #fbc9d6;
	--color-bg-pink-soft: #fde4eb;
	--color-bg-footer: #f9c4d2;
	--color-text: #c4122e;
	--color-text-dark: #8f0e22;
	--color-ink: #1a1a1a;
	--color-white: #ffffff;
	--color-border: #c4122e;
	--color-focus: #8f0e22;
	--color-toast-bg: #1a1a1a;
	--color-toast-fg: #ffffff;
	--color-error: #8f0e22;
	--color-header-bg: #c4122e;
	--color-flame: #f5a623;
	--color-cart-accent: #c4122e;
	--color-muted: #6b6b6b;
	--color-overlay: rgba(0, 0, 0, 0.45);

	/* Type — expressive fashion sans (not Inter/Roboto/Arial/system) */
	--font-display: "Syne", "Helvetica Neue", sans-serif;
	--font-body: "Outfit", "Helvetica Neue", sans-serif;

	--fs-xs: 0.75rem;
	--fs-sm: 0.875rem;
	--fs-md: 1rem;
	--fs-lg: 1.125rem;
	--fs-xl: 1.5rem;
	--fs-2xl: 2rem;
	--fs-3xl: clamp(2.25rem, 6vw, 3.5rem);

	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;
	--fw-extra: 800;

	--lh-tight: 1.1;
	--lh-snug: 1.25;
	--lh-body: 1.5;

	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-7: 3rem;
	--space-8: 4rem;

	--radius-none: 0;
	--radius-sm: 2px;
	--radius-pill: 999px;

	--shadow-soft: 0 8px 24px rgba(140, 20, 40, 0.12);

	--header-h: 3.5rem;
	--promo-h: auto;
	--content-max: 42rem;
	/* Video frame 720×1080 — gallery viewport matches so videos fill edge-to-edge */
	--gallery-ratio: 2 / 3;

	--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--dur-fast: 180ms;
	--dur-med: 320ms;
	--dur-slow: 560ms;

	--tap-min: 44px;
	--z-header: 100;
	--z-drawer: 200;
	--z-toast: 300;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--dur-fast: 0ms;
		--dur-med: 0ms;
		--dur-slow: 0ms;
	}
}