/**
 * Mamta Furniture design tokens.
 * Source of truth: DESIGN-SYSTEM.md. Loaded before every other style.
 */
:root {
	/* Color */
	--mf-ink: #0a0a0a;
	--mf-text: #333333;
	--mf-text-soft: #535353;
	--mf-text-faint: #8a8a8a;
	/* Brand accent from the Mamta Furniture logo (deep burgundy). */
	--mf-accent: #6b2233;
	--mf-accent-dark: #521925;
	--mf-accent-soft: #f6ecee;
	--mf-cream: #f9f8f2;
	--mf-surface: #ffffff;
	--mf-bg-soft: #f4f4f5;
	--mf-border: #e5e5e5;
	--mf-border-strong: #cfcfcf;
	--mf-success: #1e8e3e;
	--mf-danger: #d93025;
	--mf-deal: #e05c6b;
	--mf-star: #e8a33d; /* rating gold — intentionally not the brand accent */
	--mf-overlay: rgba(10, 10, 10, 0.55);

	/* Typography */
	--mf-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--mf-fs-xs: 0.75rem;
	--mf-fs-sm: 0.8125rem;
	--mf-fs-base: 0.9375rem;
	--mf-fs-md: 1.0625rem;
	--mf-fs-lg: 1.25rem;
	--mf-fs-xl: 1.5rem;
	--mf-fs-2xl: 1.875rem;
	--mf-fs-3xl: 2.375rem;

	/* Spacing (4px scale) */
	--mf-sp-1: 4px;
	--mf-sp-2: 8px;
	--mf-sp-3: 12px;
	--mf-sp-4: 16px;
	--mf-sp-5: 20px;
	--mf-sp-6: 24px;
	--mf-sp-8: 32px;
	--mf-sp-10: 40px;
	--mf-sp-12: 48px;
	--mf-sp-16: 64px;

	/* Layout */
	--mf-container: 1280px;
	--mf-container-wide: 1440px;
	--mf-gutter: 16px;
	--mf-card-min: 160px;

	/* Radii */
	--mf-r-sm: 4px;
	--mf-r-md: 8px;
	--mf-r-lg: 16px;
	--mf-r-full: 999px;

	/* Shadows */
	--mf-shadow-1: 0 1px 3px rgba(10, 10, 10, 0.08);
	--mf-shadow-2: 0 6px 24px rgba(10, 10, 10, 0.14);
	--mf-shadow-3: 0 12px 40px rgba(10, 10, 10, 0.22);

	/* Motion */
	--mf-ease: cubic-bezier(0.2, 0.6, 0.2, 1);
	--mf-t-fast: 120ms;
	--mf-t-med: 240ms;

	/* Z-index */
	--mf-z-header: 100;
	--mf-z-mega: 110;
	--mf-z-drawer: 1000;
	--mf-z-toast: 1100;
}

@media (min-width: 768px) {
	:root {
		--mf-gutter: 24px;
		--mf-card-min: 280px;
	}
}

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