body { background: var(--color-bg); color: var(--color-text); }

h1, h2 { 
    font-family: 'Instrument Serif', serif; 
    font-size: 4rem !important; 
    font-style: italic; 
    color: var(--color-primary); 
    line-height: 0.9; 
    letter-spacing: -0.03em; 
    margin-bottom: 2rem; 
}

/* Fix visibility on dark background elements */
.site-body { background: var(--color-bg); }

.beat-text { 
    max-width: 600px; 
    font-size: 1.5rem; 
    color: var(--color-text-muted); 
    font-weight: 300; 
}

.beat-visual { 
    height: 400px; 
    background: var(--color-surface); 
    border-radius: 40px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 4rem; 
    margin-top: 2rem;
    border: 1px solid var(--color-border);
}

/* Ensure footer text is visible if footer uses primary color */
.premium-footer { 
    background: var(--color-primary); 
    color: var(--color-text-on-dark); 
    padding: 80px 0 40px;
    border-top: 1px solid var(--color-border);
}
.footer__label { color: #94a3b8 !important; font-weight: 700; margin-bottom: 1.5rem; display: block; }
.footer__list a { color: #f1f5f9 !important; text-decoration: none; }
.footer__list a:hover { color: #fff !important; }
.footer__mission { color: #94a3b8 !important; margin-top: 1rem; }
.footer__bottom { border-top: 1px solid rgba(255,255,255,0.1); color: #94a3b8; padding-top: 20px; margin-top: 40px; font-size: 0.8rem; }

/* Dark Mode Overrides for Headers */
@media (prefers-color-scheme: dark) {
    h1, h2 { color: var(--color-text); }
}