[data-theme="dark"] {
    --surface:      #0f0f0f;
    --surface-alt:  #161616;
    --surface-dark: #0a0a0a;
    --border:       rgba(255,255,255,0.08);
    --border-light: rgba(255,255,255,0.12);
    --text:         #e8e8e8;
    --text-muted:   #aaa;
    --primary: #af1b1b;
    --primary-dim: #4a0f0f;
}

[data-theme="dark"] nav {
    background: rgba(15,15,15,0.88) !important;
}

[data-theme="dark"] .hero h1,
[data-theme="dark"] h1 {
    color: var(--text) !important;
}

[data-theme="dark"] .ride-search-bar {
    background: #1a1a1a !important;
}

[data-theme="dark"] .trio-bubble {
    background: #1a1a1a !important;
}
[data-theme="dark"] .hero-sub {
    color: #e8e8e8 !important;
}

[data-theme="dark"] .site-footer {
    background: #0a0a0a !important;
}

[data-theme="dark"] .footer-dev-name,
[data-theme="dark"] .footer-dev a,
[data-theme="dark"] .footer-about,
[data-theme="dark"] .footer-copy {
    color: #aaa !important;
}

[data-theme="dark"] .footer-about span {
    color: #e8e8e8 !important;
}