html[data-theme="dark"] .legal-page {
    background: radial-gradient(circle at top left, rgba(229, 57, 53, 0.08), transparent 28%),
    radial-gradient(circle at bottom right, rgba(255, 122, 24, 0.08), transparent 28%),
    linear-gradient(180deg, #0f172a 0%, #111827 100%);
}

html[data-theme="dark"] .legal-card {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.96), rgba(15, 23, 42, 0.98));
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] .legal-card:hover {
    border-color: rgba(255, 122, 24, 0.22);
    box-shadow: 0 26px 58px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] .legal-card-featured {
    background: linear-gradient(135deg, rgba(255, 122, 24, 0.16), rgba(229, 57, 53, 0.10)),
    linear-gradient(180deg, rgba(30, 41, 59, 0.96), rgba(15, 23, 42, 0.98));
}

html[data-theme="dark"] .legal-eyebrow,
html[data-theme="dark"] .legal-card-icon {
    background: rgba(255, 122, 24, 0.16);
    border-color: rgba(255, 122, 24, 0.28);
    color: var(--accent-light);
}

html[data-theme="dark"] .legal-title,
html[data-theme="dark"] .legal-card-title {
    color: #f8fafc;
}

html[data-theme="dark"] .legal-intro,
html[data-theme="dark"] .legal-card-text,
html[data-theme="dark"] .legal-list {
    color: #cbd5e1;
}