
:root {
    --back-light: #F9F2E8;
    --back: #F9EDDC;
    --back-accent: #F9E4C0;

    --accent-green: #147A62;
    --accent-gold: #F59C1A;
    --accent-brown: #A52A2A;

    /* Extra accents */
    --accent-orange: #F1CE9C;
    --accent-dark: #F1917F;

    --link-grey: #535353;

    --box-shadows:  #c0c0c0;
    --box-shadows-dark:  rgba(0,0,0,0.47);
    --card-color: linear-gradient(90deg, rgb(245, 216, 187), blanchedalmond);


}


body {
    background-color: var(--back);
}


nav{
    background-color: var(--back-light);
    color: var(--accent-green);
}

footer{
    background-color:var(--back-accent);
}
.navlist a {
    color: var(--accent-green);
}

.header-heavy{
    color: var(--accent-green);
}
.header-light{
    color: var(--accent-dark);
}

.slam{
    color: var(--accent-green);
}

.small-slam{
    color: var(--accent-green);
}

.standard-background{
    background-color: var(--back);
}