/**
 * Common styles shared across all Rhappsody site pages
 * Include this after your page-specific styles
 */

/* ============================================
   Footer - Always dark, regardless of theme
   ============================================ */
footer {
    background-color: #111827 !important;
    color: #F3F4F6 !important;
}

footer h4,
.footer-section h4 {
    color: #F3F4F6 !important;
}

footer a,
.footer-section a {
    color: #9CA3AF !important;
}

footer a:hover,
.footer-section a:hover {
    color: #F97316 !important;
}

.footer-bottom {
    color: #6B7280 !important;
    border-top-color: #374151 !important;
}

/* Dark mode adjustments - footer stays dark */
@media (prefers-color-scheme: dark) {
    footer {
        background-color: #030712 !important;
        border-top: 1px solid #374151;
    }
}