/**
 * Typography System
 *
 * Font pairing: Editorial / Heritage
 *   Display headlines  — Playfair Display  (hero, explicit via --font-display)
 *   All h1-h6          — Playfair Display  (via --font-heading alias)
 *   Body prose         — Merriweather      (via --font-body)
 *   UI chrome          — Inter             (via --font-sans)
 *
 * Tokens live in tokens.css; @font-face blocks live in fonts.css.
 */

/* Base Typography */
body {
    font-family: var(--font-body);
    font-weight: var(--font-normal);
    line-height: 1.6;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: var(--font-semibold);
    line-height: 1.2;
    margin-bottom: var(--spacing-md);
}

h1 {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-bold);
}

h2 {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-semibold);
}

h3 {
    font-size: var(--font-size-xl);
    font-weight: var(--font-semibold);
}

h4 {
    font-size: var(--font-size-lg);
    font-weight: var(--font-semibold);
}

h5, h6 {
    font-size: var(--font-size-base);
    font-weight: var(--font-semibold);
}

/* Paragraph */
p {
    font-family: var(--font-body);
    margin-bottom: var(--spacing-md);
}

/* Links */
a {
    font-family: var(--font-body);
}

/* Form Elements */
input, textarea, select, button {
    font-family: var(--font-body);
}

/* Lists */
ul, ol {
    font-family: var(--font-body);
}

/* Strong emphasis keeps the parent font — just gets heavier weight */
strong, b {
    font-family: inherit;
    font-weight: var(--font-semibold);
}