:root {
    color-scheme: light dark;
    --color-font: #000;
    --color-font-secondary: hsl(0, 0%, 30%);
    --color-bg: #fff;
    --color-header: hsl(0, 0%, 100%);
    --color-footer: hsl(0, 0%, 90%);
}


footer {
    background-color: var(--color-footer);
    padding: .5rem 1rem;
    text-align: center;
    color: var(--color-font-secondary);
    margin: 25px -16px -16px;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI Variable,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
}
.footer-links {
    display: flex;
    gap: .75rem 1rem;
    justify-content: center;
    flex-wrap: wrap;
}
.footer-links a {
    color: var(--color-font-secondary);
    text-decoration: none;
}