/* ═══════════════════════════════════════════
 * AZRA Automotive — Typography
 * Cormorant Garamond for headings
 * DM Sans for body
 * DM Mono for prices/tags
 * ═══════════════════════════════════════════ */

/* ── Headings ── */
h1, h2, h3, h4, h5, h6,
.heading {
	font-family: var(--font-display);
	font-weight: 600;
	line-height: 1.15;
	color: var(--color-text-primary);
	letter-spacing: -0.01em;
}

h1, .h1 {
	font-size: var(--text-5xl);
	font-weight: 700;
	line-height: 1.05;
}

h2, .h2 {
	font-size: var(--text-4xl);
	font-weight: 600;
}

h3, .h3 {
	font-size: var(--text-3xl);
	font-weight: 600;
}

h4, .h4 {
	font-size: var(--text-2xl);
	font-weight: 500;
}

h5, .h5 {
	font-size: var(--text-xl);
	font-weight: 500;
}

h6, .h6 {
	font-size: var(--text-lg);
	font-weight: 500;
}

/* ── Body Text ── */
p {
	font-family: var(--font-body);
	font-size: var(--text-base);
	line-height: 1.7;
	color: var(--color-text-secondary);
}

/* ── Text Helpers ── */
.text-gold {
	color: var(--color-gold);
}

.text-gold-light {
	color: var(--color-gold-light);
}

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

.text-white {
	color: var(--color-text-primary);
}

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

.text-xs {
	font-size: var(--text-xs);
}

.text-lg {
	font-size: var(--text-lg);
}

.text-xl {
	font-size: var(--text-xl);
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-uppercase {
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

/* ── Mono (prices, tags) ── */
.text-mono,
.price {
	font-family: var(--font-mono);
}

.price {
	font-size: var(--text-2xl);
	font-weight: 500;
	color: var(--color-gold);
	letter-spacing: -0.02em;
}

.price-sm {
	font-size: var(--text-lg);
}

.price-lg {
	font-size: var(--text-3xl);
}

/* ── Label / Tag ── */
.label {
	font-family: var(--font-body);
	font-size: var(--text-xs);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: var(--color-text-muted);
}

/* ── Section subtitle / kicker ── */
.section-kicker {
	font-family: var(--font-mono);
	font-size: var(--text-sm);
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: var(--color-gold);
	margin-bottom: var(--space-md);
}

.section-title {
	font-family: var(--font-display);
	font-size: var(--text-4xl);
	font-weight: 600;
	margin-bottom: var(--space-lg);
}

.section-description {
	font-size: var(--text-lg);
	color: var(--color-text-secondary);
	max-width: 600px;
	line-height: 1.7;
}

/* ── Gradient Text ── */
.text-gradient-gold {
	background: var(--color-gold-gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}