/* ===================================================================
   dark-overrides.css
   Dark mode overrides — loaded LAST for highest specificity.
   Design: Linear/Vercel-inspired neutral dark.
   Layers: base(#0a0a0b) → surface(#141416) → elevated(#1c1c1e)
   Borders over shadows. Desaturated accent colors.
   =================================================================== */

/* ===== Engines Marquee / Strip ===== */
[data-theme="dark"] .engines-strip {
  background: var(--bg);
  border-color: var(--border);
}

[data-theme="dark"] .engines-strip-label {
  color: var(--text-light);
}

[data-theme="dark"] .engine-logo:not(.featured-engine) {
  color: var(--text-light);
  opacity: 0.6;
}

[data-theme="dark"] .engine-logo:hover {
  color: var(--text);
  opacity: 1;
}

[data-theme="dark"] .engine-logo svg {
  opacity: 0.8;
}

[data-theme="dark"] .engine-logo img:not([src*="logo-icon"]) {
  filter: brightness(0.85) grayscale(0.2);
}

[data-theme="dark"] .engine-logo:hover img {
  filter: brightness(1) grayscale(0);
}

[data-theme="dark"] .engines-marquee-track {
  background: var(--bg);
}

[data-theme="dark"] .engine-chip {
  background: rgba(255, 255, 255, 0.03);
  border-color: var(--border);
  color: var(--text-secondary);
}

[data-theme="dark"] .engine-chip:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--text);
}

[data-theme="dark"] .engine-chip-icon img {
  filter: brightness(0.85);
}

[data-theme="dark"] .engines-link {
  color: var(--primary);
}

[data-theme="dark"] .engines-link:hover {
  color: var(--primary-light);
}


/* ===== Features Section ===== */
[data-theme="dark"] .features-section {
  background: var(--bg);
}

[data-theme="dark"] .features-section h2,
[data-theme="dark"] .features-section .section-headline {
  color: var(--text);
}

[data-theme="dark"] .features-section .section-sub,
[data-theme="dark"] .features-section .section-subtitle,
[data-theme="dark"] .features-section .section-eyebrow {
  color: var(--text-secondary);
}

[data-theme="dark"] .feature-card {
  background: var(--bg-alt);
  border-color: var(--border);
  box-shadow: none;
}

[data-theme="dark"] .feature-card:hover {
  border-color: rgba(255, 255, 255, 0.15);
  box-shadow: none;
}

[data-theme="dark"] .feature-card h3,
[data-theme="dark"] .feature-card-title {
  color: var(--text);
}

[data-theme="dark"] .feature-card p,
[data-theme="dark"] .feature-card-desc {
  color: var(--text-secondary);
}

[data-theme="dark"] .feature-icon {
  background: rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .feature-card-visual img {
  filter: brightness(0.88);
}

/* ===== Document Comparison Section ===== */
[data-theme="dark"] .doc-comparison {
  background: var(--bg);
}

[data-theme="dark"] .doc-comparison .section-headline,
[data-theme="dark"] .doc-comparison h2 {
  color: var(--text);
}

[data-theme="dark"] .doc-tabs {
  border-color: var(--border);
}

[data-theme="dark"] .doc-tab {
  color: var(--text-secondary);
  background: transparent;
  border-color: transparent;
}

[data-theme="dark"] .doc-tab:hover {
  color: var(--text);
  background: rgba(255, 255, 255, 0.03);
}

[data-theme="dark"] .doc-tab[aria-selected="true"],
[data-theme="dark"] .doc-tab.active {
  color: var(--primary);
  border-color: var(--primary);
  background: rgba(94, 234, 212, 0.06);
}

[data-theme="dark"] .doc-panel {
  background: var(--bg-alt);
  border-color: var(--border);
}

[data-theme="dark"] .doc-split {
  border-color: var(--border);
}

[data-theme="dark"] .doc-side {
  background: var(--bg);
  border-color: var(--border);
}

[data-theme="dark"] .doc-side-label {
  color: var(--text-secondary);
  background: rgba(255, 255, 255, 0.03);
  border-color: var(--border);
}

/* Translation demo */
[data-theme="dark"] .demo-section {
  background: var(--bg-alt);
}

[data-theme="dark"] .demo-section h2 {
  color: var(--text);
}

[data-theme="dark"] .demo-section .section-sub {
  color: var(--text-secondary);
}

/* Demo doc cards — !important needed to override inline styles in HTML */
[data-theme="dark"] .demo-doc {
  background: #1a1a1d;
  border-color: var(--border);
  box-shadow: none;
}

[data-theme="dark"] .demo-doc:hover {
  box-shadow: none;
}

[data-theme="dark"] .demo-doc-header {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--border) !important;
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .demo-doc-content {
  background: #1a1a1d !important;
}

[data-theme="dark"] .demo-doc-content .demo-text-title {
  color: var(--text) !important;
}

[data-theme="dark"] .demo-doc-content .demo-text {
  color: #b0b0b6 !important;
}

[data-theme="dark"] .demo-doc-content .omnidoc-link {
  color: var(--primary) !important;
}

[data-theme="dark"] .demo-doc-content .demo-table {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: var(--border) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .demo-doc-content .demo-table-header {
  background: rgba(255, 255, 255, 0.05) !important;
  color: var(--text) !important;
  border-bottom-color: var(--primary-dark) !important;
}

[data-theme="dark"] .demo-doc-content .demo-table-row {
  color: var(--text-secondary) !important;
  border-bottom-color: var(--border) !important;
}

[data-theme="dark"] .demo-doc-content .demo-table-row span {
  color: #b0b0b6 !important;
}

[data-theme="dark"] .demo-doc-content .demo-table-row span[style*="color:#cc0000"] {
  color: #f87171 !important;
}

[data-theme="dark"] .demo-doc-content div[style*="background:#fff"],
[data-theme="dark"] .demo-doc-content div[style*="background: #fff"] {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--border) !important;
}

[data-theme="dark"] .demo-doc-content math {
  color: var(--text);
}

[data-theme="dark"] .demo-doc-tag {
  background: rgba(239, 68, 68, 0.12) !important;
  color: #f87171 !important;
}

[data-theme="dark"] .demo-doc-tag.tag-translated {
  background: rgba(94, 234, 212, 0.1) !important;
  color: var(--primary) !important;
}

[data-theme="dark"] .demo-arrow-btn {
  background: linear-gradient(135deg, var(--primary-dark), var(--primary));
  border: none;
  color: #fff;
  box-shadow: 0 4px 16px rgba(20, 184, 166, 0.2);
}

[data-theme="dark"] .demo-arrow-btn:hover {
  box-shadow: 0 6px 20px rgba(20, 184, 166, 0.3);
}


/* ===== Stats Section ===== */
[data-theme="dark"] .stats-section {
  background: var(--bg);
  border-color: var(--border);
}

[data-theme="dark"] .stat-item {
  color: var(--text);
  border-color: var(--border);
}

[data-theme="dark"] .stat-item h3,
[data-theme="dark"] .stat-value {
  background: linear-gradient(135deg, var(--primary), var(--primary-light));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="dark"] .stat-item p,
[data-theme="dark"] .stat-label {
  color: var(--text-secondary);
}

[data-theme="dark"] .stat-growth {
  color: #34d399;
  background: rgba(52, 211, 153, 0.08);
}

[data-theme="dark"] .stats-social img,
[data-theme="dark"] .stats-avatars img {
  filter: brightness(0.88);
  border-color: var(--bg);
}

[data-theme="dark"] .stats-logos img {
  filter: invert(1) brightness(0.85);
}

/* ===== Testimonials Section ===== */
[data-theme="dark"] .testimonials-section {
  background: var(--bg-alt);
}

[data-theme="dark"] .testimonials-section h2 {
  color: var(--text);
}

[data-theme="dark"] .testimonials-section .section-sub {
  color: var(--text-secondary);
}

[data-theme="dark"] .tm-card,
[data-theme="dark"] .testimonial-card {
  background: var(--bg);
  border-color: var(--border);
  box-shadow: none;
}

[data-theme="dark"] .tm-card:hover,
[data-theme="dark"] .testimonial-card:hover {
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: none;
}

[data-theme="dark"] .tm-quote {
  color: var(--primary);
  opacity: 0.3;
}

[data-theme="dark"] .tm-card p,
[data-theme="dark"] .testimonial-quote {
  color: var(--text-secondary);
}

[data-theme="dark"] .tm-author span,
[data-theme="dark"] .testimonial-name {
  color: var(--text-secondary);
}

[data-theme="dark"] .testimonial-role {
  color: var(--text-light);
}

[data-theme="dark"] .tm-avatar {
  background: rgba(94, 234, 212, 0.08);
  color: var(--primary);
}

[data-theme="dark"] .testimonial-avatar img {
  filter: brightness(0.88);
}

[data-theme="dark"] .testimonial-avatar-fallback {
  background: rgba(94, 234, 212, 0.08);
  color: var(--primary);
}

/* Trust Badges */
[data-theme="dark"] .trust-badges {
  border-color: var(--border);
}

[data-theme="dark"] .trust-badges img {
  filter: invert(1) brightness(0.85);
}

[data-theme="dark"] .trust-badge-item {
  color: var(--text-secondary);
  background: rgba(255, 255, 255, 0.03);
  border-color: var(--border);
}


/* ===== Upload Section ===== */
[data-theme="dark"] .upload-section {
  background: var(--bg);
}

[data-theme="dark"] .upload-section h2,
[data-theme="dark"] .upload-section .section-headline {
  color: var(--text);
}

[data-theme="dark"] .upload-card {
  background: var(--bg-alt);
  border-color: var(--border);
  box-shadow: none;
}

[data-theme="dark"] .upload-card:hover {
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: none;
}

[data-theme="dark"] .drop-zone,
[data-theme="dark"] .upload-dropzone {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--text-secondary);
}

[data-theme="dark"] .drop-zone:hover,
[data-theme="dark"] .upload-dropzone:hover {
  border-color: var(--primary);
  background: rgba(94, 234, 212, 0.03);
}

[data-theme="dark"] .drop-zone.drag-over,
[data-theme="dark"] .upload-dropzone.drag-over {
  border-color: var(--primary);
  background: rgba(94, 234, 212, 0.05);
}

[data-theme="dark"] .drop-zone-icon svg {
  color: var(--text-light);
}

[data-theme="dark"] .drop-zone-text {
  color: var(--text-secondary);
}

[data-theme="dark"] .browse-link {
  color: var(--primary);
}

[data-theme="dark"] .drop-zone-formats {
  color: var(--text-light);
}

[data-theme="dark"] .upload-workflow {
  color: var(--text-secondary);
}

[data-theme="dark"] .workflow-step .step-number {
  background: rgba(94, 234, 212, 0.08);
  color: var(--primary);
}

[data-theme="dark"] .workflow-step .step-icon svg {
  color: var(--primary);
}

[data-theme="dark"] .upload-formats .format-badge,
[data-theme="dark"] .format-item {
  background: rgba(255, 255, 255, 0.03);
  border-color: var(--border);
  color: var(--text-secondary);
}

[data-theme="dark"] .upload-formats .format-badge:hover,
[data-theme="dark"] .format-item:hover {
  border-color: rgba(255, 255, 255, 0.15);
  color: var(--text);
}

/* Language picker in upload */
[data-theme="dark"] .lang-pick-current {
  background: var(--bg);
  border-color: var(--border-input);
  color: var(--text);
}

[data-theme="dark"] .lang-pick-current:hover {
  border-color: var(--primary);
}

[data-theme="dark"] .lang-pick-dropdown {
  background: var(--bg-alt);
  border-color: var(--border);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .lang-pick-search {
  background: var(--bg);
  border-color: var(--border-input);
  color: var(--text);
}

[data-theme="dark"] .lang-pick-search:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(94, 234, 212, 0.06);
}

[data-theme="dark"] .lang-chip {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--border);
  color: var(--text-secondary);
}

[data-theme="dark"] .lang-chip:hover {
  border-color: var(--primary);
  background: rgba(94, 234, 212, 0.06);
  color: var(--text);
}

[data-theme="dark"] .lang-chip.active,
[data-theme="dark"] .lang-chip-selected {
  background: rgba(94, 234, 212, 0.1);
  border-color: var(--primary);
  color: var(--primary);
}

[data-theme="dark"] .lang-group-label {
  color: var(--text-light);
}


/* ===== FAQ Section ===== */
[data-theme="dark"] .faq-section {
  background: var(--bg-alt);
}

[data-theme="dark"] .faq-section h2 {
  color: var(--text);
}

[data-theme="dark"] .faq-search-input {
  background: var(--bg);
  border-color: var(--border-input);
  color: var(--text);
}

[data-theme="dark"] .faq-search-input:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(94, 234, 212, 0.06);
}

[data-theme="dark"] .faq-search-input::placeholder {
  color: var(--text-light);
}

[data-theme="dark"] .faq-tabs,
[data-theme="dark"] .faq-categories {
  border-color: var(--border);
}

[data-theme="dark"] .faq-tab,
[data-theme="dark"] .faq-cat-pill {
  background: rgba(255, 255, 255, 0.03);
  border-color: var(--border);
  color: var(--text-secondary);
}

[data-theme="dark"] .faq-tab:hover,
[data-theme="dark"] .faq-cat-pill:hover {
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--text);
  background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .faq-tab.active,
[data-theme="dark"] .faq-cat-pill.active {
  background: rgba(94, 234, 212, 0.08);
  border-color: var(--primary);
  color: var(--primary);
}

[data-theme="dark"] .faq-item {
  background: var(--bg);
  border-color: var(--border);
}

[data-theme="dark"] .faq-item:hover {
  border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .faq-item.open {
  border-color: var(--primary-dark);
}

[data-theme="dark"] .faq-question,
[data-theme="dark"] .faq-q {
  color: var(--text);
}

[data-theme="dark"] .faq-question:hover,
[data-theme="dark"] .faq-q:hover {
  color: var(--primary);
}

[data-theme="dark"] .faq-question svg,
[data-theme="dark"] .faq-q svg {
  color: var(--text-light);
}

[data-theme="dark"] .faq-answer,
[data-theme="dark"] .faq-a {
  color: var(--text-secondary);
}

[data-theme="dark"] .faq-answer p {
  color: var(--text-secondary);
}

[data-theme="dark"] .faq-empty-state {
  color: var(--text-light);
  background: rgba(255, 255, 255, 0.02);
  border-color: var(--border);
}

[data-theme="dark"] .faq-support {
  background: rgba(255, 255, 255, 0.02);
  border-color: var(--border);
  color: var(--text-secondary);
}

[data-theme="dark"] .faq-support a {
  color: var(--primary);
}


/* ===== Pricing Section ===== */
[data-theme="dark"] .pricing-section {
  background: var(--bg);
}

[data-theme="dark"] .pricing-section h2 {
  color: var(--text);
}

[data-theme="dark"] .pricing-section .section-sub {
  color: var(--text-secondary);
}

[data-theme="dark"] .pricing-card {
  background: var(--bg-alt);
  border-color: var(--border);
  box-shadow: none;
}

[data-theme="dark"] .pricing-card:hover {
  border-color: rgba(255, 255, 255, 0.15);
  box-shadow: none;
}

[data-theme="dark"] .pricing-card.featured {
  border-color: var(--primary-dark);
  box-shadow: 0 0 0 1px var(--primary-dark), 0 0 24px rgba(20, 184, 166, 0.08);
}

[data-theme="dark"] .pricing-card h3 {
  color: var(--text);
}

[data-theme="dark"] .pricing-card .price {
  color: var(--text);
}

[data-theme="dark"] .pricing-card .period {
  color: var(--text-light);
}

[data-theme="dark"] .pricing-features li,
[data-theme="dark"] .price-features li {
  color: var(--text-secondary);
}

[data-theme="dark"] .pricing-tag {
  background: var(--primary-dark);
  color: #fff;
  box-shadow: 0 4px 12px rgba(20, 184, 166, 0.25);
}

[data-theme="dark"] .save-badge {
  background: rgba(52, 211, 153, 0.08);
  color: #34d399;
}

[data-theme="dark"] .billing-toggle {
  background: rgba(255, 255, 255, 0.03);
  border-color: var(--border);
}

[data-theme="dark"] .billing-toggle-btn {
  color: var(--text-secondary);
}

[data-theme="dark"] .billing-toggle-btn.active {
  background: var(--primary-dark);
  color: #fff;
}

[data-theme="dark"] .pricing-trust {
  color: var(--text-light);
}

[data-theme="dark"] .pricing-trust svg {
  color: var(--primary);
}

[data-theme="dark"] .enterprise-cta {
  background: rgba(255, 255, 255, 0.02);
  border-color: var(--border);
  color: var(--text-secondary);
}

[data-theme="dark"] .enterprise-cta:hover {
  border-color: rgba(255, 255, 255, 0.12);
}


/* ===== Auth Pages ===== */
[data-theme="dark"] .auth-page {
  background: var(--bg);
}

[data-theme="dark"] .auth-brand-panel {
  background: linear-gradient(135deg, #0a2e2a, #0c3d38);
}

[data-theme="dark"] .auth-brand-badge {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .auth-form-panel {
  background: var(--bg);
}

[data-theme="dark"] .auth-form-header h1 {
  color: var(--text);
}

[data-theme="dark"] .auth-form-header p {
  color: var(--text-secondary);
}

[data-theme="dark"] .auth-social-btn {
  background: var(--bg-alt);
  border-color: var(--border);
  color: var(--text);
}

[data-theme="dark"] .auth-social-btn:hover {
  border-color: rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .auth-oauth-error {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
}

[data-theme="dark"] .auth-divider {
  color: var(--text-light);
}

[data-theme="dark"] .auth-divider::before,
[data-theme="dark"] .auth-divider::after {
  background: var(--border);
}

[data-theme="dark"] .auth-form .form-input {
  background: var(--bg-alt);
  border-color: var(--border-input);
  color: var(--text);
}

[data-theme="dark"] .auth-form .form-input:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(94, 234, 212, 0.06);
}

[data-theme="dark"] .auth-form .form-input::placeholder {
  color: var(--text-light);
}

[data-theme="dark"] .auth-form .form-label {
  color: var(--text-secondary);
}

[data-theme="dark"] .auth-form .form-helper {
  color: var(--text-light);
}

[data-theme="dark"] .auth-form .form-helper.error {
  color: #fca5a5;
}

[data-theme="dark"] .auth-form .form-input.error {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08);
}

[data-theme="dark"] .auth-form .auth-submit-btn {
  background: var(--primary-dark);
}

[data-theme="dark"] .auth-form .auth-submit-btn:hover {
  background: #0d9488;
  box-shadow: 0 4px 12px rgba(20, 184, 166, 0.25);
}

[data-theme="dark"] .auth-step {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--border);
  color: var(--text-light);
}

[data-theme="dark"] .auth-step.active {
  background: var(--primary-dark);
  color: #fff;
  border-color: var(--primary-dark);
}

[data-theme="dark"] .auth-step.completed {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
}

[data-theme="dark"] .auth-step-line {
  background: var(--border);
}

[data-theme="dark"] .auth-step-line.completed {
  background: var(--primary);
}

[data-theme="dark"] .auth-form-links a {
  color: var(--primary);
}

[data-theme="dark"] .auth-form-links a:hover {
  color: var(--primary-light);
}

[data-theme="dark"] .auth-back-link {
  color: var(--text-secondary);
}

[data-theme="dark"] .auth-back-link:hover {
  color: var(--primary);
}

[data-theme="dark"] .auth-form-footer {
  color: var(--text-secondary);
}

[data-theme="dark"] .auth-form-footer a {
  color: var(--primary);
}

[data-theme="dark"] .auth-terms-text {
  color: var(--text-light);
}

[data-theme="dark"] .auth-terms-text a {
  color: var(--text-light);
}

/* MFA Page */
[data-theme="dark"] .mfa-header {
  color: var(--text-secondary);
}

[data-theme="dark"] .mfa-otp-group input,
[data-theme="dark"] .mfa-digit {
  background: var(--bg-alt);
  border-color: var(--border-input);
  color: var(--text);
}

[data-theme="dark"] .mfa-otp-group input:focus,
[data-theme="dark"] .mfa-digit:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(94, 234, 212, 0.06);
}

[data-theme="dark"] .mfa-resend {
  color: var(--primary);
}

[data-theme="dark"] .mfa-recovery {
  color: var(--text-secondary);
}

[data-theme="dark"] .mfa-recovery:hover {
  color: var(--primary);
}


/* ===== Legal Pages ===== */
[data-theme="dark"] .legal-page {
  background: var(--bg);
}

[data-theme="dark"] .legal-page h1 {
  color: var(--text);
}

[data-theme="dark"] .legal-page .update-date {
  color: var(--text-light);
}

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

[data-theme="dark"] .legal-toc-label {
  color: var(--text-light);
}

[data-theme="dark"] .toc-item {
  color: var(--text-secondary);
}

[data-theme="dark"] .toc-item:hover {
  color: var(--text);
  background: rgba(255, 255, 255, 0.03);
}

[data-theme="dark"] .toc-item.active {
  color: var(--primary);
  background: rgba(94, 234, 212, 0.06);
  border-left-color: var(--primary);
}

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

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

[data-theme="dark"] .legal-back {
  color: var(--primary);
}

[data-theme="dark"] .legal-icp {
  border-top-color: var(--border);
  color: var(--text-light);
}

[data-theme="dark"] .legal-icp a {
  color: var(--text-light);
}

[data-theme="dark"] .legal-icp a:hover {
  color: var(--primary);
}

[data-theme="dark"] .legal-toc-mobile {
  background: rgba(12, 12, 14, 0.95);
  border-color: var(--border);
}

[data-theme="dark"] .legal-toc-toggle {
  background: rgba(18, 18, 20, 0.9);
  border-color: var(--border);
  color: var(--text);
}

[data-theme="dark"] .legal-toc-toggle svg {
  color: var(--text-secondary);
}

[data-theme="dark"] .legal-toc-dropdown {
  background: rgba(12, 12, 14, 0.98);
  border-color: var(--border);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .legal-toc-dropdown .toc-item {
  color: var(--text-secondary);
}

[data-theme="dark"] .legal-toc-dropdown .toc-item:hover {
  color: var(--text);
  background: rgba(255, 255, 255, 0.03);
}

[data-theme="dark"] .legal-toc-dropdown .toc-item.active {
  color: var(--primary);
  background: rgba(94, 234, 212, 0.06);
}


/* ===== Image Filters ===== */
[data-theme="dark"] .hero-visual img,
[data-theme="dark"] .feature-card-visual img,
[data-theme="dark"] .testimonial-avatar img,
[data-theme="dark"] .tm-card img:not(.tm-avatar),
[data-theme="dark"] .stats-avatars img,
[data-theme="dark"] .auth-brand-illustration img,
[data-theme="dark"] .doc-panel img,
[data-theme="dark"] .doc-side img,
[data-theme="dark"] .demo-doc img,
[data-theme="dark"] .upload-section img {
  filter: brightness(0.88);
}

[data-theme="dark"] .product-preview img,
[data-theme="dark"] .demo-mockup img {
  filter: brightness(0.88);
}

/* Logos — invert for dark backgrounds */
[data-theme="dark"] .hero-trust-strip img,
[data-theme="dark"] .trust-bar img {
  filter: invert(1) brightness(0.85);
}

[data-theme="dark"] .engine-logo img:not([src*="logo-icon"]),
[data-theme="dark"] .engine-chip-icon img:not([src*="logo-icon"]) {
  filter: invert(1) brightness(0.85);
}

[data-theme="dark"] .stats-logos img {
  filter: invert(1) brightness(0.85);
}

[data-theme="dark"] .trust-badges img,
[data-theme="dark"] .trust-badge-item img {
  filter: invert(1) brightness(0.85);
}

/* ===== Formats Section ===== */
[data-theme="dark"] .formats-section {
  background: var(--bg-alt);
}

[data-theme="dark"] .formats-section h2 {
  color: var(--text);
}

[data-theme="dark"] .formats-desc {
  color: var(--text-secondary);
}

[data-theme="dark"] .format-card {
  background: var(--bg);
  border-color: var(--border);
}

[data-theme="dark"] .format-card:hover {
  border-color: rgba(255, 255, 255, 0.15);
  box-shadow: none;
}

[data-theme="dark"] .fc-text strong {
  color: var(--text);
}

[data-theme="dark"] .fc-text small {
  color: var(--text-light);
}

[data-theme="dark"] .format-cats {
  border-bottom-color: var(--border);
}

[data-theme="dark"] .format-cats span {
  color: var(--text-light);
}

[data-theme="dark"] .format-item svg {
  color: var(--primary);
}

/* ===== Hero Section ===== */
[data-theme="dark"] .hero {
  background: var(--bg);
}

[data-theme="dark"] .hero-badge {
  background: rgba(94, 234, 212, 0.06);
  border-color: rgba(94, 234, 212, 0.12);
  color: var(--primary);
}

[data-theme="dark"] .hero-badge-dot {
  background: var(--primary);
}

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

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

[data-theme="dark"] .hero-trust-strip {
  border-color: var(--border);
}

[data-theme="dark"] .hero-trust-strip img {
  filter: invert(1) brightness(0.85);
  opacity: 0.6;
}

[data-theme="dark"] .hero-trust-strip img:hover {
  opacity: 0.9;
}

[data-theme="dark"] .trust-bar {
  border-color: var(--border);
}

[data-theme="dark"] .trust-item {
  color: var(--text-secondary);
}

[data-theme="dark"] .trust-item svg {
  color: var(--primary);
}

[data-theme="dark"] .demo-mockup {
  filter: drop-shadow(0 16px 40px rgba(0, 0, 0, 0.3));
}

[data-theme="dark"] .mock-doc {
  background: var(--bg-alt);
  border-color: var(--border);
}

[data-theme="dark"] .mock-doc-bar {
  background: rgba(255, 255, 255, 0.03);
  border-color: var(--border);
}

[data-theme="dark"] .mock-lang {
  color: var(--text-secondary);
}

[data-theme="dark"] .mock-line {
  background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .mock-line.mock-title {
  background: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .mock-line.translated {
  background: rgba(94, 234, 212, 0.12);
}

[data-theme="dark"] .mock-table .mock-row span {
  background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .mock-table .mock-row.translated span {
  background: rgba(94, 234, 212, 0.1);
}

[data-theme="dark"] .mock-arrow svg {
  color: var(--primary);
}

/* ===== General Component Overrides ===== */
[data-theme="dark"] .btn-primary {
  background: var(--primary-dark);
  color: #fff;
}

[data-theme="dark"] .btn-primary:hover {
  background: #0d9488;
  box-shadow: 0 4px 16px rgba(20, 184, 166, 0.2);
}

[data-theme="dark"] .btn-outline,
[data-theme="dark"] .btn-secondary {
  background: transparent;
  border-color: var(--border);
  color: var(--text);
}

[data-theme="dark"] .btn-outline:hover,
[data-theme="dark"] .btn-secondary:hover {
  border-color: rgba(255, 255, 255, 0.2);
  color: var(--text);
  background: rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .btn-ghost {
  color: var(--text-secondary);
  border-color: var(--border);
}

[data-theme="dark"] .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.05);
  color: var(--text);
}

[data-theme="dark"] .card {
  background: var(--bg-alt);
  border-color: var(--border);
  box-shadow: none;
}

[data-theme="dark"] .card:hover {
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: none;
}

[data-theme="dark"] .section-eyebrow {
  color: var(--primary);
}

[data-theme="dark"] .section-headline {
  color: var(--text);
}

[data-theme="dark"] .section-subtitle,
[data-theme="dark"] .section-sub {
  color: var(--text-secondary);
}

/* ===== Scroll Progress Bar ===== */
[data-theme="dark"] #scroll-progress {
  background: linear-gradient(90deg, var(--primary-dark), var(--primary));
}