body,
html {
    background-color: var(--body-background-color);
    min-height:100vh;
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
}

footer {
    width:100%;
    background-color: var(--brand-colour-surface);
    color: var(--brand-colour-text);
}

footer a {
    color: var(--brand-colour-text-muted);
    opacity: 0.75;
    text-decoration: none;
}

footer a:hover {
    color: var(--brand-colour-link-light);
    opacity: 1;
}

footer .text-muted {
    color: var(--brand-colour-text-muted) !important;
}

.footer-meta {
    font-size: 0.8125rem;
    color: var(--brand-colour-text-muted);
    opacity: 0.75;
}

.footer-meta a {
    opacity: inherit;
}

.footer-meta a:hover {
    opacity: 1;
}

.footer-meta__sep {
    opacity: 0.5;
    user-select: none;
}