:root {
    --container-width: 1280px;
    --mn-container-width: 1280px;
    --container-padding: 0 30px;
    --transition: 0.3s ease-out all;
}

/* Global */
div, section, article, header, footer, main, aside, nav {box-sizing: border-box;}
a {transition: var(--transition);color:var(--mn-primary-accent);}

/* container */
.container {
    max-width: var(--container-width);
    padding: var(--container-padding);
    margin-left: auto; margin-right: auto;
}

/* fonts */
body {
    /* font-family: "Work Sans", sans-serif; */
    font-family: var(--mn-font-body);
    font-optical-sizing: auto;
}
h1, h2, h3, h4, h5, h6 {
    /* font-family: "Crimson Pro", serif; */
    font-family: var(--mn-font-headline);
    font-optical-sizing: auto;
    margin:0;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--mn-font-headline);
}
.sh1, .sh2, .sh3, .sh4 {
    font-family: var(--mn-font-body);
}

/* sitewide fixes */
:where(.wp-site-blocks) > *,
:root :where(.is-layout-flow) > * {margin-block-start:0;}


/* PAGE ELEMENTS */
/* reusable */
.black-link a {
    color: #000;
    text-decoration: underline;
}
.black-link a:hover {color:var(--mn-primary-accent);}
/* header */
.menu-item > a {color:var(--mn-primary-contrast)}
.menu-item > a:hover {color:var(--mn-primary-accent)}
.menu-item.current-menu-item > a {color:var(--mn-secondary-accent)}


/* blog posts */
body.single-post .entry-content {margin: 2rem 0;}