body {
    --header-bg: #FFF;
    --header-link: #F80;
    --header-hover: #FA5;
    --header-text: #222;
    --footer-bg: #373;
    --footer-link: #FFF;
    --footer-hover: #FFF;
    --footer-text: #FFF;
    --body-bg: ;
    --body-link: ;
    --body-hover: ;
    --body-text: ;
}

.header {
    background-color: var(--header-bg);
    color: var(--header-text);
}

.header a:not(.btn, button) {
    color: var(--header-link);
}

.header a:hover:not(.btn, button) {
    color: var(--header-hover);
}

.header a.active:not(.btn, button) {
    color: var(--header-hover);
}

.footer {
    background-color: var(--footer-bg);
    color: var(--footer-text);
}

.footer a:not(.btn, button) {
    color: var(--footer-link);
}

.footer a:hover:not(.btn, button) {
    color: var(--footer-hover);
}

.footer a.active:not(.btn, button) {
    color: var(--footer-hover);
}

.body {
    background-color: var(--body-bg);
    color: var(--body-text);
}

.body a:not(.btn, button) {
    color: var(--body-link);
}

.body a:hover:not(.btn, button) {
    color: var(--body-hover);
}

.body a.active:not(.btn, button) {
    color: var(--body-hover);
}

/* please do not add code after this comment because updating the template replaces the file */