/**
 * Iconic Travel — Typography
 * Plus Jakarta Sans (body) + Fraunces (display headings)
 */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');

:root {
	--font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
}

/* Body — modern sans */
html,
body {
	font-family: var(--font-sans);
	font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* Headings — warm editorial serif */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--font-display);
	font-feature-settings: 'ss01', 'opsz';
	font-optical-sizing: auto;
	font-weight: 600;
	line-height: 1.15;
	color: var(--text);
}

h1, .h1 {
	font-size: clamp(2.25rem, 1.6rem + 2.6vw, 3.75rem);
	letter-spacing: -0.02em;
	font-weight: 700;
}

h2, .h2 {
	font-size: clamp(1.875rem, 1.4rem + 1.9vw, 2.75rem);
	letter-spacing: -0.02em;
}

h3, .h3 {
	font-size: clamp(1.4rem, 1.1rem + 1.2vw, 2rem);
	letter-spacing: -0.015em;
}

h4, .h4 {
	font-size: clamp(1.2rem, 1rem + 0.6vw, 1.5rem);
	letter-spacing: -0.01em;
}

h5, .h5 {
	font-size: clamp(1.05rem, 0.95rem + 0.4vw, 1.25rem);
}

h6, .h6 {
	font-size: 1rem;
	letter-spacing: 0;
}

/* Section titles often need a confident look */
.section-title {
	font-family: var(--font-display);
	font-weight: 600;
	letter-spacing: -0.02em;
}

.section-subtitle,
.eyebrow {
	font-family: var(--font-sans);
}

/* Buttons keep sans for clarity */
.btn,
button,
input,
select,
textarea {
	font-family: var(--font-sans);
}

/* Utility classes */
.font-display {
	font-family: var(--font-display) !important;
	font-feature-settings: 'ss01', 'opsz';
}

.font-sans {
	font-family: var(--font-sans) !important;
}

.text-balance {
	text-wrap: balance;
}

.text-pretty {
	text-wrap: pretty;
}

/* Italic Fraunces has gorgeous swashes — encourage use */
.font-display em,
em.font-display,
.italic-display {
	font-family: var(--font-display);
	font-style: italic;
	font-feature-settings: 'ss01', 'ss02';
}

/* Refined paragraph rhythm */
p {
	line-height: 1.65;
}

/* Smaller caps refinement for eyebrow text */
.eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 0.78rem;
	font-weight: 600;
	color: var(--primary);
}