/* Dark mode overrides for legal pages.
 *
 * Each legal template (terms_of_service, privacy, data_license,
 * bulk_data_purchase_agreement) ships its own inline <style> block with
 * light-mode colors. This file overrides those colors when
 * [data-theme="dark"] is active, keeping the original light-mode design
 * untouched. Variables come from public_theme.css.
 */

[data-theme="dark"] .legal-content h1,
[data-theme="dark"] .legal-content h2,
[data-theme="dark"] .legal-content h3,
[data-theme="dark"] .legal-content h4,
[data-theme="dark"] .legal-content .definition-term,
[data-theme="dark"] .legal-content strong {
    color: var(--text-primary);
}

[data-theme="dark"] .legal-content h2 {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .legal-content p,
[data-theme="dark"] .legal-content li {
    color: var(--text-secondary);
}

[data-theme="dark"] .legal-content .last-updated {
    color: var(--text-muted);
}

[data-theme="dark"] .legal-content a,
[data-theme="dark"] .legal-content .toc a {
    color: var(--color-blue);
}

[data-theme="dark"] .legal-content .toc {
    background: var(--bg-secondary);
}

[data-theme="dark"] .legal-content .highlight-box {
    background: var(--bg-secondary);
    border-left-color: var(--color-blue);
}

[data-theme="dark"] .legal-content .warning-box {
    background: rgba(245, 158, 11, 0.08);
    border-left-color: #f59e0b;
}

/* bulk_data_purchase_agreement only */
[data-theme="dark"] .legal-content .critical-box {
    background: rgba(236, 93, 80, 0.08);
    border-left-color: #EC5D50;
}

[data-theme="dark"] .legal-content .methodology-box {
    background: rgba(61, 164, 223, 0.08);
    border-color: var(--color-blue);
}

[data-theme="dark"] .legal-content .methodology-box h4 {
    color: var(--color-blue);
}

/* Tables (data_license, bulk_data_purchase_agreement) */
[data-theme="dark"] .legal-content table th,
[data-theme="dark"] .legal-content table td {
    border-color: var(--border-color);
    color: var(--text-secondary);
}

[data-theme="dark"] .legal-content table th {
    background: var(--bg-secondary);
    color: var(--text-primary);
}