/*
|--------------------------------------------------------------------------
| AMOREA — TIPOGRAFÍA
|--------------------------------------------------------------------------
*/

body {
	font-family: var(--font-body);
	font-size: var(--text-base);
	color: var(--color-text);
}

h1,
.h1 {
	font-family: var(--font-display);
	font-size: var(--text-hero);
	font-weight: 600;
	line-height: 1.1;
}

h2,
.h2 {
	font-family: var(--font-display);
	font-size: var(--text-4xl);
	font-weight: 600;
	line-height: 1.15;
}

h3,
.h3 {
	font-family: var(--font-display);
	font-size: var(--text-3xl);
	font-weight: 600;
	line-height: 1.2;
}

h4,
.h4 {
	font-family: var(--font-body);
	font-size: var(--text-xl);
	font-weight: 600;
}

.eyebrow {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	font-size: var(--text-sm);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--color-primary);
}

.section-title {
	font-family: var(--font-display);
	font-size: var(--text-3xl);
	font-weight: 600;
	text-align: center;
	color: var(--color-text);
}

.section-title__heart {
	color: var(--color-primary);
	font-size: 0.6em;
	vertical-align: middle;
}

.section-subtitle {
	font-size: var(--text-base);
	color: var(--color-text-muted);
	text-align: center;
}

.why-choose-us__title {
	font-family: var(--font-body);
	font-size: var(--text-3xl);
	font-weight: 700;
	color: var(--color-text);
	line-height: 1.2;
}

.why-choose-us__brand {
	font-family: var(--font-display);
	font-style: italic;
	font-weight: 600;
	color: var(--color-primary);
	font-size: 1.3em;
}

.section-heading {
	font-family: var(--font-body);
	font-size: var(--text-base);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--color-text);
}

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

a {
	color: var(--color-primary);
	transition: color var(--transition-fast);
}

a:hover {
	color: var(--color-primary-hover);
}

@media (max-width: 768px) {
	h1,
	.h1 {
		font-size: var(--text-4xl);
	}

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