/* ============================================================
   MFALME LUXURY LIVING — TYPOGRAPHY
   ============================================================ */

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-serif);
    font-weight: var(--weight-serif);
    color: var(--ink);
    line-height: 1.12;
    letter-spacing: -0.01em;
    margin: 0 0 0.5em;
}

h1 em,
h2 em,
.display-xl em,
.display-lg em {
    font-family: var(--font-serif);
    font-style: italic;
    font-weight: var(--weight-serif);
    color: var(--mfalme-gold-light);
}

/* --- Display scale --- */
.display-xl {
    font-family: var(--font-serif);
    font-size: var(--text-display-xl);
    font-weight: var(--weight-serif);
    line-height: 1.04;
    letter-spacing: -0.015em;
    margin: 0;
}

.display-lg {
    font-family: var(--font-serif);
    font-size: var(--text-display-lg);
    font-weight: var(--weight-serif);
    line-height: 1.08;
    letter-spacing: -0.015em;
    margin: 0;
}

/* --- Heading scale --- */
.heading-xl {
    font-size: var(--text-heading-xl);
    line-height: 1.1;
    margin: 0 0 0.4em;
}

.heading-lg {
    font-size: var(--text-heading-lg);
    line-height: 1.2;
    margin: 0 0 0.4em;
}

.heading-md {
    font-size: var(--text-heading-md);
    line-height: 1.28;
    margin: 0 0 0.35em;
}

/* --- Card titles on imagery --- */
.title-serif {
    font-family: var(--font-serif);
    font-size: 1.4rem;
    font-weight: var(--weight-serif);
    line-height: 1.2;
}

/* --- Pull quote --- */
.pull-quote {
    font-family: var(--font-serif);
    font-style: italic;
    font-size: 1.4rem;
    line-height: 1.5;
}

/* --- Small print / meta --- */
.meta {
    font-family: var(--font-sans);
    font-size: var(--text-caption);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-muted);
}

/* Heading weight refinement on dark surfaces */
.on-dark h1, .on-dark h2, .on-dark h3 {
    color: var(--text-on-dark);
}