/** AUROME design tokens scoped to the storefront body class. */
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url('../fonts/cormorant-garamond-variable.woff2') format('woff2');
}

@font-face {
	font-family: 'Cormorant Garamond';
	font-style: italic;
	font-weight: 300 700;
	font-display: swap;
	src: url('../fonts/cormorant-garamond-italic-variable.woff2') format('woff2');
}

@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('../fonts/jost-variable.woff2') format('woff2');
}

@font-face {
	font-family: 'Noto Sans Bengali';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('../fonts/noto-sans-bengali-variable.woff2') format('woff2');
	unicode-range: U+0980-09FF;
}

.aurome-storefront {
	--aurome-ink: #0d0d0d;
	--aurome-footer: #1a1a1a;
	--aurome-body: #2d2d2d;
	--aurome-muted: #666666;
	--aurome-eyebrow: #496b91;
	--aurome-blue-muted: #5c7fa8;
	--aurome-page: #f7f9fc;
	--aurome-card: #ffffff;
	--aurome-tint: #eef5fd;
	--aurome-accent: #0d1a2e;
	--aurome-accent-hover: #1a3050;
	--aurome-cream: #faf7f2;
	--aurome-serif: 'Cormorant Garamond', Georgia, 'Noto Sans Bengali', serif;
	--aurome-sans: 'Jost', 'Noto Sans Bengali', system-ui, sans-serif;
	--aurome-type-display: 800 clamp(44px, 5vw, 70.4px)/1.06 var(--aurome-sans);
	--aurome-type-section: 500 clamp(32px, 3.5vw, 48px)/1.12 var(--aurome-serif);
	--aurome-type-title: 500 16px/1.4 var(--aurome-sans);
	--aurome-type-product-title: 400 17.6px/1.3 var(--aurome-serif);
	--aurome-type-body: 400 16px/1.65 var(--aurome-sans);
	--aurome-type-control: 500 14px/1.4 var(--aurome-sans);
	--aurome-type-meta: 400 12px/1.5 var(--aurome-sans);
	--aurome-display-tracking: -.025em;
	--aurome-label-tracking: .08em;
	--aurome-ease: cubic-bezier(.22, 1, .36, 1);
	--aurome-motion-fast: 160ms;
	--aurome-motion-medium: 220ms;
	--aurome-radius-control: 4px;
	--aurome-radius-product: 8px;
	--aurome-radius-editorial: 12px;
	--aurome-radius-pill: 999px;
	--aurome-container-max: 1280px;
	--aurome-section-space: 48px;
	color: var(--aurome-body);
	background: var(--aurome-page);
	font: var(--aurome-type-body);
	font-synthesis: none;
}

@media (min-width: 768px) {
	.aurome-storefront {
		--aurome-section-space: 72px;
	}
}