.footer-container {
    display: flex;
    justify-content: center;
    padding: 1.5rem 1rem 2.5rem;
    background: var(--background);
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.footer {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.85rem;
    color: rgba(15, 23, 42, 0.55);
}

:root[data-theme='dark'] .footer {
    color: rgba(229, 231, 235, 0.65);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) .footer {
        color: rgba(229, 231, 235, 0.65);
    }
}