/**
 * Design tokens — Typography
 *
 * Typeface: Manrope (EC-DESIGN-SYSTEM.md, Foundational Decisions).
 * Font loading (self-hosted vs. a web font service, and the @font-face
 * declaration itself) is deferred to when the typeface is first
 * applied to markup — it is not part of the token layer.
 */

:root {
	--ec-font-family-base: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

	--ec-font-weight-regular: 400;
	--ec-font-weight-medium: 500;
	--ec-font-weight-semibold: 600;
	--ec-font-weight-bold: 700;

	--ec-line-height-tight: 1.2;
	--ec-line-height-base: 1.5;
	--ec-line-height-relaxed: 1.7;

	/* Modular scale, 1.25 ratio, off a 16px base (EC-DESIGN-SYSTEM.md, Typography) */
	--ec-font-size-caption: 0.75rem;   /* 12px */
	--ec-font-size-body-sm: 0.875rem;  /* 14px */
	--ec-font-size-body: 1rem;         /* 16px — base */
	--ec-font-size-body-lg: 1.125rem;  /* 18px */
	--ec-font-size-h4: 1.375rem;       /* 22px */
	--ec-font-size-h3: 1.75rem;        /* 28px */
	--ec-font-size-h2: 2.25rem;        /* 36px */
	--ec-font-size-h1: 3rem;           /* 48px */
	--ec-font-size-display: 3.75rem;   /* 60px */
}