@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/typography.css');

@import url('./layout/container.css');
@import url('./layout/header.css');
@import url('./layout/footer.css');

@import url('./components/buttons.css');
@import url('./components/sections.css');

@import url('./pages/single-furniture.css');
@import url('./pages/furniture-archive.css');


/* ==========================================================================
   PAMI — Semantic Typography Scale
   --------------------------------------------------------------------------
   Semantic aliases built on top of the primitive design tokens from
   base/variables.css and base/typography.css.

   Roles:
   - page title: top-level archive or commerce page heading;
   - product title: primary title on a single product;
   - section title: major content section heading;
   - subsection title: compact panel or sidebar heading;
   - card title: product/category card heading;
   - display price: primary price on a single product.

   Page-specific CSS should consume these roles instead of introducing
   independent clamp() scales.
   ========================================================================== */

:root {
	--font-size-page-title:
		clamp(
			2.125rem,
			4.2vw,
			3.5rem
		);

	--font-size-product-title:
		clamp(
			2rem,
			3.2vw,
			2.75rem
		);

	--font-size-section-title:
		clamp(
			1.5rem,
			2.15vw,
			2rem
		);

	--font-size-subsection-title:
		clamp(
			1.25rem,
			1.5vw,
			1.5rem
		);

	--font-size-card-title:
		clamp(
			0.9375rem,
			1vw,
			1.0625rem
		);

	--font-size-display-price:
		clamp(
			1.25rem,
			1.7vw,
			1.5rem
		);

	--line-height-page-title: 1.04;
	--line-height-product-title: 1.05;
	--line-height-section-title: 1.15;
	--line-height-subsection-title: 1.2;
	--line-height-card-title: 1.4;

	--letter-spacing-page-title: -0.035em;
	--letter-spacing-product-title: -0.035em;
	--letter-spacing-section-title: -0.025em;
	--letter-spacing-subsection-title: -0.018em;
	--letter-spacing-card-title: -0.012em;
}