:root {
	--df-white: #FFFFFF;
	--df-cream: #fff;
	--df-black: #000000;
	--df-white-muted: rgba(255, 255, 255, 0.72);
	--df-white-soft: rgba(255, 255, 255, 0.55);
	--df-white-faint: rgba(255, 255, 255, 0.45);
	--df-white-line: rgba(255, 255, 255, 0.35);
	--df-dark: #1A1A18;
	--df-gold: #B8860B;
	--df-gray-light: #E8E4DE;
	--df-gray-mid: #9B9590;
	--df-whatsapp: #25D366;
	/* Single product — gallery tile / page wash */
	--df-product-surface: #f2f2f2;
	--df-overlay-dark: rgba(26, 26, 24, 0.45);
	/* Size guide — gentle dim (not full blackout) */
	--df-overlay-dim: rgba(26, 26, 24, 0.22);
	--df-shadow-soft: rgba(26, 26, 24, 0.08);

	--df-font-heading: 'Cormorant Garamond', Georgia, serif;
	--df-font-body: 'Inter', system-ui, sans-serif;

	--df-track-wide: 0.08em;
	--df-track-wider: 0.15em;
	--df-track-widest: 0.22em;

	--df-lh-heading: 1.15;
	--df-lh-body: 1.75;

	--df-sp-2: 0.5rem;
	--df-sp-3: 0.75rem;
	--df-sp-4: 1rem;
	--df-sp-6: 1.5rem;
	--df-sp-8: 2rem;
	--df-sp-10: 2.5rem;
	--df-sp-12: 3rem;
	--df-sp-16: 4rem;
	--df-sp-20: 5rem;
	--df-sp-24: 6rem;

	--df-header-h: 72px;
	--df-header-h-mob: 60px;

	/* Horizontal inset — matches header, footer, and section content */
	--df-gutter-x: var(--df-sp-8);

	/* Slide-in panel headers (drawers, mobile menu, size guide) */
	--df-panel-head-padding-y: var(--df-sp-4);
	--df-panel-head-padding-x: var(--df-gutter-x);
	--df-panel-head-min-height: var(--df-header-h-mob);
	--df-panel-head-icon-size: 24px;

	/* Space for fixed .df-top-fixed (updated by header.js; fallback before JS) */
	--df-site-offset: 132px;

	--df-ease: 0.3s ease;
	--df-ease-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);

	--df-reveal-duration: 0.7s;
}

@media (max-width: 768px) {
	:root {
		--df-gutter-x: var(--df-sp-4);
	}
}