/**
 * SEB Theme — Typography System
 * -------------------------------
 * Display font: Fraunces (editorial, premium travel feel)
 * Body font: Manrope
 *
 * Font families are read from CSS variables (see variables.css) so they
 * can be swapped later via theme settings without touching this file.
 */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--seb-font-display);
	color: var(--seb-dark);
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 var(--seb-space-md);
}

/* Reserve the deep brand blue for headings that need extra weight/emphasis */
.seb-heading-brand {
	color: var(--seb-primary);
}

/* Sparing accent emphasis — never apply to a whole heading */
.seb-heading-accent {
	color: var(--seb-accent);
}

h1 {
	font-size: clamp(2.25rem, 1.7rem + 2.2vw, 3.75rem);
	line-height: 1.12;
	letter-spacing: -0.01em;
}

h2 {
	font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.75rem);
	line-height: 1.16;
	letter-spacing: -0.01em;
}

h3 {
	font-size: clamp(1.4rem, 1.2rem + 0.8vw, 2rem);
}

h4 {
	font-size: clamp(1.15rem, 1.05rem + 0.4vw, 1.5rem);
}

h5 {
	font-size: clamp(1.05rem, 1rem + 0.2vw, 1.25rem);
}

h6 {
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

/* ---------------------------------------------------------------------
   Body copy
   --------------------------------------------------------------------- */
body {
	font-size: 1rem;
	line-height: 1.65;
}

.seb-text-small {
	font-size: 0.875rem;
	line-height: 1.6;
	color: var(--seb-text);
}

.seb-text-caption {
	font-size: 0.75rem;
	line-height: 1.5;
	color: var(--seb-text);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* ---------------------------------------------------------------------
   Navigation type
   --------------------------------------------------------------------- */
.main-navigation,
.footer-navigation {
	font-family: var(--seb-font-nav);
	font-size: 0.9375rem;
	font-weight: 500;
}

/* ---------------------------------------------------------------------
   Button type (color/layout lives in components.css)
   --------------------------------------------------------------------- */
.seb-btn {
	font-family: var(--seb-font-button);
	font-size: 0.9375rem;
	font-weight: 600;
}

/* ---------------------------------------------------------------------
   Meta type — dates, author, taxonomy labels
   --------------------------------------------------------------------- */
.entry-meta,
.seb-meta {
	font-family: var(--seb-font-meta);
	font-size: 0.875rem;
	color: var(--seb-text);
}