:root {
    --primary-header-soft: #8B9FA0;
    --primary-header-strong: #5E716A;
    --neutral-background-cool: #ECEAE4;
    --neutral-background-warm: #DCCFBA;
    --accent-brown: #B0785D;
    --text-dark: #373737;

}

.md-sidebar__scrollwrap {
    margin: 0;
    --md-default-bg-color: var(--primary-header-soft)

}

body {
    font-family: 'Bernd Montag', 'serif';
    background-color: #f0f0f0;
    color: var(--text-dark)
}

h1, h2, h3 {
    color: #333;
}

h1 {
    color: red;
}

/* Background color */
main {
    background-color: var(--neutral-background-cool);
}


/*Menu background color*/
.md-header, .md-sidebar--primary, --md-default-bg-color {
    background-color: var(--primary-header-soft);
}

/*popout menu top */
.md-sidebar  .md-nav__title, .md-nav--primary .md-nav__title[for="__drawer"]{
    background-color: var(--primary-header-soft);
}

/*popout menu links */
.md-nav--primary .md-nav__title ~ .md-nav__list {
    background-color: var(--neutral-background-cool);
}

/*menu hover color*/
.md-nav__link[for]:focus, .md-nav__link[for]:hover, .md-nav__link[href]:focus, .md-nav__link[href]:hover {
    /*color: #FFDD44;*/
}

/* menu text color */
.md-nav__link {
    color: var(--accent-brown);
}

.md-nav--primary .md-nav__title .md-logo {
    display: inline-flex;
}
.md-nav__title .md-nav__button.md-logo img, .md-nav__title .md-nav__button.md-logo svg {

    display: inline-flex;
}

.md-nav {
    margin-top: 1rem;
}