/* dark.css — Shared dark mode styles for all pages */
@media (prefers-color-scheme: dark) {
    html { color-scheme: dark; }
    body { background: #121212; color: #e0e0e0; }

    /* Hero sections */
    .hero, [class*="hero"] { background: linear-gradient(135deg, #1a2a4a 0%, #0f1f3a 100%) !important; }

    /* Cards and containers */
    .card, [class*="card"], .feature, [class*="feature"] { background: #1e1e2e; border-color: #333; }

    /* Tables */
    table { border-color: #333; }
    thead, th { background: #1e1e2e; color: #aaa; border-color: #333; }
    td { border-color: #222; color: #ccc; }
    tr:hover { background: #1a1a2a; }

    /* Links */
    a { color: #7db4ff; }
    a:hover { color: #99ccff; }

    /* Headings */
    h1, h2, h3, h4 { color: #e8e8e8; }

    /* Footer */
    .footer, footer { background: #0d0d0d; border-color: #333; color: #777; }

    /* Nav overrides */
    nav, .nav { background: #0d0d0d !important; }

    /* Inputs */
    input, textarea, select { background: #1e1e2e; color: #e0e0e0; border-color: #444; }
    input::placeholder, textarea::placeholder { color: #666; }

    /* Badges */
    .badge-free { background: #1b3a1b; color: #66bb6a; }
    .badge-pro { background: #3a2200; color: #ffb74d; }

    /* Buttons */
    .download-btn, .btn-primary { background: #1a4a8a; }
    .download-btn:hover, .btn-primary:hover { background: #2a5a9a; }

    /* Misc containers with light backgrounds */
    [style*="background: #f"], [style*="background:#f"],
    [style*="background: white"], [style*="background:white"] {
        background: #1e1e2e !important;
        border-color: #333 !important;
    }

    /* Section backgrounds */
    .about, .features-section, section { background: #181818; }

    /* Code blocks */
    code, pre { background: #1a1a2a; color: #e0e0e0; }

    /* Signup/form sections */
    .signup, .contact-form { background: #1e1e2e; border-color: #333; }

    /* Dividers */
    hr, .divider { border-color: #333; }

    /* Images - slightly dim for dark mode comfort */
    img { opacity: 0.9; }
}