@media ( prefers-color-scheme: dark ) {
  :root {
    --footer-font-color: #ccc;
    --footer-background: #25252a;
    --footer-border: #32323c;
  }
}
@media ( prefers-color-scheme: light ) {
  :root {
    --footer-font-color: #464650;
    --footer-background: #fff;
    --footer-border: #d6d6d6;
  }
}
html.mode-dark {
    --footer-font-color: #ccc;
    --footer-background: #25252a;
    --footer-border: #32323c;
}
html.mode-light {
    --footer-font-color: #464650;
    --footer-background: #fff;
    --footer-border: #d6d6d6;
}
#master-footer {
    width: 100%;
    color: var( --footer-font-color );
    position: relative;
    padding: 1.5rem 0;
    background: var( --footer-background );
    border-top: 1px solid var(  --footer-border );
    z-index: 1020;
    bottom: 0;
}