/* ==========================================================================
   Kawasaki Brasil — Tipografia (hierarquia forte, tema dark)
   ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-heading);
	font-weight: var(--fw-black);
	line-height: var(--lh-tight);
	color: var(--color-white);
	text-wrap: balance;
	letter-spacing: -0.02em;
}

h1 {
	font-size: var(--fs-3xl);
	letter-spacing: -0.03em;
}

h2 {
	font-size: var(--fs-2xl);
}

h3 {
	font-size: var(--fs-xl);
	font-weight: var(--fw-bold);
}

h4 {
	font-size: var(--fs-lg);
	font-weight: var(--fw-bold);
	letter-spacing: -0.01em;
}

h5 {
	font-size: var(--fs-md);
	font-weight: var(--fw-semibold);
	letter-spacing: 0;
}

h6 {
	font-size: var(--fs-sm);
	font-weight: var(--fw-bold);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--color-primary);
}

p {
	line-height: var(--lh-relaxed);
}

.prose {
	max-width: var(--measure);
}

.prose > * + * {
	margin-top: var(--space-5);
}

.prose h2 {
	margin-top: var(--space-12);
}

.prose h3 {
	margin-top: var(--space-8);
}

.prose ul,
.prose ol {
	padding-left: var(--space-6);
	line-height: var(--lh-relaxed);
}

.prose li + li {
	margin-top: var(--space-2);
}

.prose li::marker {
	color: var(--color-primary);
}

small,
.text-sm {
	font-size: var(--fs-sm);
}

.text-muted {
	color: var(--color-text-muted);
}

.lead {
	font-size: var(--fs-md);
	color: var(--color-text-muted);
	line-height: var(--lh-relaxed);
}

.text-gradient {
	background: linear-gradient(100deg, var(--color-brand-lime-300), var(--color-brand-lime-500));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}