/* ===== Footer ===== */
.footer {
    background: var(--text-primary);
    color: white;
    padding: var(--space-xl) 0;
}

.footer-content {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 0 var(--space-lg);
}

.contact-info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--space-lg);
    margin-top: var(--space-lg);
}