/* Dark mode overrides */
@media (prefers-color-scheme: dark) {
    :root {
        --color-white: #1A1A1A;
        --color-gray-50: #2A2A2A;
        --color-gray-100: #333;
        --color-gray-200: #444;
        --color-gray-600: #AAA;
        --color-gray-900: #F0F0F0;
    }
    body {
        background: #1A1A1A;
        color: #F0F0F0;
    }
    .hero,
    .features,
    .privacy,
    .faq {
        background: #222;
    }
    .upload-zone {
        background: #2A2A2A;
        border-color: #666;
    }
    .upload-zone.dragover {
        background: #333;
        border-color: var(--color-primary);
    }
    .result-container {
        background: #2A2A2A;
    }
    .processing-status {
        background: #2A2A2A;
    }
    .btn-primary {
        background: var(--color-primary-dark);
    }
    .btn-primary:hover {
        background: var(--color-primary);
    }
    .btn-secondary {
        background: var(--color-secondary-light);
    }
    .btn-secondary:hover {
        background: var(--color-secondary);
    }
    .footer {
        background: #111;
    }
    .slider-label {
        background: rgba(0,0,0,0.7);
    }
}