/* ==========================================================================
   typography.css — Playfair Display + Source Sans 3
   Spec ref: Designspec typografi-tabell
   Fonter levereras lokalt via OMGF (host-webfonts-local plugin)
   ========================================================================== */

/* H1 — Playfair Display 700 */
h1,
.elementor-widget-heading h1.elementor-heading-title {
    font-family: var(--font-heading);
    font-weight: 700;
    line-height: 1.2;
}

/* H2-H4 — Playfair Display 600 */
h2, h3, h4,
.elementor-widget-heading h2.elementor-heading-title,
.elementor-widget-heading h3.elementor-heading-title,
.elementor-widget-heading h4.elementor-heading-title {
    font-family: var(--font-heading);
    font-weight: 600;
    line-height: 1.3;
}

/* Brödtext — Source Sans 3, 400 */
body,
p,
.elementor-widget-text-editor {
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 1.7;
}

/* Metadata/taggar — Source Sans 3, 600 */
.meta-text,
.tag-text,
time,
.elementor-post-date,
.elementor-post-author {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

/* Citat — Playfair Display italic, 400 */
blockquote,
.elementor-blockquote blockquote {
    font-family: var(--font-heading);
    font-style: italic;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.6;
    color: var(--text-primary);
    border-left: 3px solid var(--accent-green);
    padding-left: 20px;
    margin: 24px 0;
}

/* Artikeltext — begränsad bredd för läsbarhet */
.single-post .elementor-widget-theme-post-content .elementor-widget-container {
    max-width: 720px;
    margin: 0 auto;
}