/* ============================================
   Footer Component Styles
   ============================================ */
.footer {
    background-color: var(--color-gray-50);
    border-top: 2px solid var(--color-black);
    padding: var(--spacing-2xl) 0;
    margin-top: auto;
}

.footer-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md);
    text-align: center;
}

.footer-text {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.footer-links {
    display: flex;
    gap: var(--spacing-lg);
    list-style: none;
}

.footer-link {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}