/* ==========================================
   TYPOGRAPHY
   for Marcus Rosik
   by Annika Elze
========================================== */


/* ==========================================
   BASE TEXT
========================================== */

body,
body p,
body li,
body .ct-content,
body .entry-content,
.editor-styles-wrapper .wp-block-paragraph,
.editor-styles-wrapper p{

    font-family:var(--font-primary);
    font-size:var(--text-body);
    font-weight:var(--weight-light);
    line-height:var(--line-body);

}

/* ==========================================
   HEADINGS
========================================== */

body h1,
body .ct-content h1,
body .entry-content h1,
.editor-styles-wrapper h1{

    font-family:var(--font-primary);
    font-size:var(--text-h1);
    font-weight:var(--weight-medium);
    line-height:var(--line-heading);

}


body h2,
body .ct-content h2,
body .entry-content h2,
.editor-styles-wrapper h2{

    font-family:var(--font-primary);
    font-size:var(--text-h2);
    font-weight:var(--weight-normal);
    line-height:var(--line-heading);

}


body h3,
body .ct-content h3,
body .entry-content h3,
.editor-styles-wrapper h3{

    font-family:var(--font-primary);
    font-size:var(--text-h3);
    font-weight:var(--weight-normal);

}


body h4,
body .ct-content h4,
body .entry-content h4,
.editor-styles-wrapper h4{

    font-family:var(--font-primary);
    font-size:var(--text-h4);
    font-weight:var(--weight-medium);

}


body h5,
body .ct-content h5,
body .entry-content h5,
.editor-styles-wrapper h5{

    font-family:var(--font-primary);
    font-size:var(--text-h5);
    font-weight:var(--weight-medium);

}


body h6,
body .ct-content h6,
body .entry-content h6,
.editor-styles-wrapper h6{

    font-family:var(--font-primary);
    font-size:var(--text-h6);
    font-weight:var(--weight-medium);

}


/* ==========================================
   TEXT ELEMENTS
========================================== */

body .ct-footer p,
body p,
.editor-styles-wrapper p{
    margin-bottom:1.5rem;
}

body strong,
.editor-styles-wrapper strong{
    font-weight:var(--weight-medium);
}

/* ==========================================
   CAPTION / META
========================================== */

.caption,
figcaption,
.meta,
.editor-styles-wrapper figcaption{
    font-family:var(--font-code);
    font-size:var(--text-caption);
}


/* ==========================================
   LINKS
========================================== */

body a,
.editor-styles-wrapper a{

    color:inherit;

}


/* ==========================================
   LISTS
========================================== */

body ul,
body ol,
.editor-styles-wrapper ul,
.editor-styles-wrapper ol{

    line-height:var(--line-body);

}


/* ==========================================
   BLOCKQUOTE
========================================== */

body blockquote,
.editor-styles-wrapper blockquote{

    font-size:var(--text-lead);
    line-height:1.5;

}


/* ==========================================
   CODE
========================================== */

body code,
body pre,
.editor-styles-wrapper code,
.editor-styles-wrapper pre{

    font-family:var(--font-code);

}