/* =====================================================================
   Allium — Typography
   Allium sans for all UI text; JetBrains Mono for code/IDs/hashes.
   Body (14px) is the product default. Display & H1 are marketing-only.
   ===================================================================== */

:root {
	/* Font weights */
	--font-weight-body: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-hero: 800;

	/* Type scale — size / line-height / tracking */
	--text-display: 56px;
	--text-h1: 32px;
	--text-h2: 24px;
	--text-h3: 18px;
	--text-h4: 16px;
	--text-body-lg: 16px;
	--text-body: 14px;
	--text-body-sm: 13px;
	--text-body-xs: 12px;
	--text-eyebrow: 11px;
	--text-mono: 13px;
}

/* ── Specimen / utility classes ───────────────────────────── */
.display-1 {
	font-family: var(--font-app-sans);
	font-size: var(--text-display);
	font-weight: 800;
	line-height: 1.02;
	letter-spacing: -0.03em;
}
h1, .h1 {
	font-family: var(--font-app-sans);
	font-size: var(--text-h1);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.02em;
}
h2, .h2 {
	font-family: var(--font-app-sans);
	font-size: var(--text-h2);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.015em;
}
h3, .h3 {
	font-family: var(--font-app-sans);
	font-size: var(--text-h3);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.01em;
}
h4, .h4 {
	font-family: var(--font-app-sans);
	font-size: var(--text-h4);
	font-weight: 600;
	line-height: 1.4;
}
.body-lg {
	font-size: var(--text-body-lg);
	line-height: 1.6;
	font-weight: 400;
}
.body {
	font-size: var(--text-body);
	line-height: 1.55;
	font-weight: 400;
}
.body-sm {
	font-size: var(--text-body-sm);
	line-height: 1.55;
	font-weight: 400;
}
.body-xs {
	font-size: var(--text-body-xs);
	line-height: 1.5;
	font-weight: 400;
}
.b-eyebrow {
	font-size: var(--text-eyebrow);
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--muted-foreground);
}
.mono, code {
	font-family: var(--font-app-mono);
	font-size: var(--text-mono);
	line-height: 1.55;
}
