/**
 * Typography tokens.
 * Editorial scale driven by clamp() so headings stay proportional
 * across 320px -> 1920px without separate breakpoint overrides.
 */

:root {
	--font-display: "Fraunces", "Georgia", serif;
	--font-body: "Inter", "Segoe UI", system-ui, sans-serif;
	--font-mono: "IBM Plex Mono", ui-monospace, monospace;

	/* Editorial display scale */
	--text-display-xl: clamp(2.75rem, 5.4vw + 1rem, 7.5rem);   /* hero H1 */
	--text-display-lg: clamp(2.25rem, 3.6vw + 1rem, 4.5rem);   /* section H2 */
	--text-display-md: clamp(1.75rem, 2.2vw + 1rem, 3rem);     /* H3 */
	--text-display-sm: clamp(1.375rem, 1.2vw + 1rem, 1.875rem);/* H4 */

	--text-body-lg: clamp(1.0625rem, 0.3vw + 1rem, 1.25rem);
	--text-body-md: 1rem;
	--text-body-sm: 0.875rem;
	--text-caption: 0.75rem;

	--leading-tight: 1.05;
	--leading-snug: 1.25;
	--leading-normal: 1.55;
	--leading-relaxed: 1.75;

	--tracking-tight: -0.02em;
	--tracking-normal: 0;
	--tracking-wide: 0.08em;
	--tracking-wider: 0.16em;

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

	/* Readable measure for long-form medical content */
	--measure-content: 68ch;
	--measure-narrow: 42ch;
}