:root {
	--background: oklch(97.5% .016 86);
	--foreground: oklch(24% .028 45);
	--card: oklch(99% .009 86);
	--card-foreground: oklch(24% .028 45);
	--primary: oklch(31% .112 24);
	--primary-hover: color-mix(in oklab, var(--primary) 90%, white);
	--primary-foreground: oklch(97.5% .016 86);
	--secondary: oklch(91% .043 78);
	--secondary-foreground: oklch(31% .112 24);
	--muted: oklch(92.5% .014 76);
	--muted-foreground: oklch(49% .03 49);
	--accent: oklch(75% .105 79);
	--accent-foreground: oklch(25% .045 48);
	--border: oklch(84% .025 69);
	--input: oklch(84% .025 69);
	--ring: oklch(48% .12 27);
	--soft: oklch(95.5% .02 82);
	--gold: oklch(73% .11 77);
	--gold-light: oklch(85% .1 85);
	--footer: oklch(20% .039 48);
	--footer-foreground: oklch(95% .02 83);
	--product-blue: oklch(49% .075 243);
	--product-success: oklch(43% .09 150);
	--danger: oklch(50% .17 27);

	--font-sans: "Hind Siliguri", "Noto Sans Bengali", ui-sans-serif, system-ui, sans-serif;
	--font-display: "Noto Sans Bengali", "Hind Siliguri", ui-sans-serif, system-ui, sans-serif;

	--container: 80rem;
	--container-narrow: 48rem;
	--gutter: 1.25rem;
	--header-h: 4rem;

	--shadow-sm: 0 1px 2px color-mix(in oklab, var(--foreground) 8%, transparent);
	--shadow-lg: 0 25px 50px -12px color-mix(in oklab, var(--foreground) 25%, transparent);
	--shadow-product-bar: 0 -8px 24px color-mix(in oklab, var(--foreground) 10%, transparent);

	--ease: cubic-bezier(.4, 0, .2, 1);
}

@media (min-width: 640px) {
	:root {
		--gutter: 2rem;
		--header-h: 5rem;
	}
}