/* site-footer.css — Basisklasse für alle Seiten-Footer
 * Verwendung: <footer class="site-footer site-footer--light|dark">
 * Seiten-spezifische CSS-Dateien können Layout-Overrides liefern.
 * CSS-Ladereihenfolge: site-footer.css VOR page-specific CSS
 */

.site-footer {
    padding: var(--space-5) var(--space-4);
    text-align: center;
    font-size: var(--text-caption);
}

.site-footer a {
    text-decoration: none;
    transition: color 120ms ease;
}

/* ── Light (index.html) ──────────────────────────────────── */
.site-footer--light {
    background: var(--bg-surface);
    color: var(--text-muted);
    border-top: 1px solid var(--border-default);
}

.site-footer--light a {
    color: var(--text-secondary);
}

@media (hover: hover) and (pointer: fine) {
    .site-footer--light a:hover {
        color: var(--text-primary);
    }
}

/* ── Dark (about-us.html) ────────────────────────────────── */
.site-footer--dark {
    background: var(--neutral-900);
    color: var(--neutral-500);
}

.site-footer--dark a {
    color: var(--neutral-400);
}

@media (hover: hover) and (pointer: fine) {
    .site-footer--dark a:hover {
        color: var(--neutral-0);
    }
}