/* ========================================
   MODERN FOOTER DESIGN
   ======================================== */

.site-footer {
    width: 100%;
    text-align: center;
    padding: var(--space-xl) var(--space-lg);
    margin-top: var(--space-3xl);
    border-top: 1px solid var(--color-border);
    background-color: var(--color-background-alt);
}

.site-footer p {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    margin: 0;
    font-weight: 400;
    letter-spacing: 0.01em;
}

/* Responsive design */
@media (max-width: 768px) {
    .site-footer {
        padding: var(--space-lg) var(--space-md);
        margin-top: var(--space-2xl);
    }

    .site-footer p {
        font-size: 0.8125rem;
        padding: 0 var(--space-sm);
    }
}

@media (max-width: 480px) {
    .site-footer {
        padding: var(--space-md);
        margin-top: var(--space-xl);
    }

    .site-footer p {
        font-size: 0.75rem;
    }
}