/**
 * Typography — mirrors the original Elementor kit type scale.
 * Fonts (ivymode, muli) load via the Adobe Fonts kit (see inc/enqueue.php).
 */

body {
	font-family: var(--font-secondary);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-normal);
	line-height: var(--line-height-normal);
	color: var(--color-text);
	background-color: var(--color-background);
}

h1, h2, h3, h4, h5, h6 { color: var(--color-heading); line-height: var(--line-height-heading); }

h1 {
	font-family: var(--font-primary);
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size-2xl);
	line-height: var(--line-height-tight);
}

h2 {
	font-family: var(--font-primary);
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size-xl);
}

h3 {
	font-family: var(--font-secondary);
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size-lg);
}

h4 {
	font-family: var(--font-secondary);
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size-md);
}

h5 { font-family: var(--font-secondary); font-weight: var(--font-weight-medium); font-size: 1.125rem; }
h6 { font-family: var(--font-primary); font-weight: var(--font-weight-medium); font-size: 1rem; color: var(--color-h6); }

p { margin-bottom: 1em; }
p:last-child { margin-bottom: 0; }

a { color: var(--color-link); transition: color var(--transition-fast); }
a:hover, a:focus { color: var(--color-link-hover); }

strong, b { font-weight: var(--font-weight-bold); }
em, i { font-style: italic; }

blockquote {
	border-left: 4px solid var(--color-cta);
	padding-left: var(--spacing-md);
	margin: var(--spacing-md) 0;
	font-style: italic;
	color: var(--color-heading);
}

ul, ol { padding-left: 1.25rem; margin-bottom: 1em; }
li { margin-bottom: 0.35em; }

hr { border: 0; border-top: 1px solid var(--color-border); margin: var(--spacing-lg) 0; }

.entry-content ul { list-style: disc; }
.entry-content ol { list-style: decimal; }

/* Responsive type */
@media (max-width: 767px) {
	h1 { font-size: 1.875rem; }   /* 30px */
	h2 { font-size: 1.875rem; }
	body { font-size: var(--font-size-sm); }
}