/* Sanvitha Shine Creations — design tokens. Change these to re-brand the whole storefront. */
:root {
	--c-ivory: #faf6f0;
	--c-porcelain: #f3ece2;
	--c-paper: #ffffff;
	--c-plum: #4a1d3f;
	--c-plum-deep: #36132d;
	--c-wine: #6b2548;
	--c-rose: #b57a8a;
	--c-rose-soft: #ecd8dc;
	--c-champagne: #c4a46a;
	--c-champagne-soft: #e8dcc2;
	--c-ink: #2a2428;
	--c-ink-soft: #5e5459;
	--c-line: #e2d8cc;
	--c-success: #2f6b4f;
	--c-warn: #9a5b12;
	--c-danger: #a3322f;

	--font-display: 'Cormorant Garamond', 'Playfair Display', Georgia, 'Times New Roman', serif;
	--font-body: 'Jost', 'Helvetica Neue', system-ui, -apple-system, 'Segoe UI', sans-serif;

	--fs-xs: 0.75rem;
	--fs-sm: 0.875rem;
	--fs-base: 1rem;
	--fs-lg: 1.125rem;
	--fs-h3: clamp(1.35rem, 1.1rem + 0.8vw, 1.75rem);
	--fs-h2: clamp(1.9rem, 1.4rem + 2vw, 3rem);
	--fs-h1: clamp(2.6rem, 1.6rem + 4.6vw, 5.2rem);

	--sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem; --sp-5: 1.5rem;
	--sp-6: 2rem; --sp-7: 3rem; --sp-8: 4.5rem; --sp-9: 6.5rem;

	--radius: 2px;
	--radius-pill: 999px;
	--shadow-soft: 0 10px 30px -18px rgba(54, 19, 45, 0.35);
	--ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--container: 1240px;
	--header-h: 72px;
}
