/* =========================
   Footer
   ========================= */
.footer {
    background: var(--surface);
    border-top: 1px solid var(--border);
    text-align: center;
    padding: 1rem;
    color: var(--text-muted);
    font-size: 0.85rem;
}

.footer a {
    color: var(--primary);
    text-decoration: none;
    margin: 0 0.5rem;
}

.footer a:hover {
    text-decoration: underline;
}

body.dark-mode .footer {
    color: var(--text-main);
}