/* Dark Theme */
[data-theme="dark"] {
  /* Colors */
  --theme-bg-gradient: linear-gradient(135deg, #293548 0%, #1e293b 100%);
  --theme-card-bg: linear-gradient(135deg, #374151 0%, #293548 100%);
  --theme-hover-bg: rgba(255, 255, 255, 0.1);
  --theme-border-color: rgba(255, 255, 255, 0.1);
  --theme-primary: #34D399;
  --theme-menu-active-border: #1a6e4e; /* Darker green for menu border */
  --theme-text-primary: #F1F5F9;
  --theme-text-secondary: #94A3B8;
  --theme-text-muted: rgba(255, 255, 255, 0.5); /* Dimmed text for inactive elements */
  --theme-accent-color: #34d399;
  --theme-accent-color-rgb: 52, 211, 153;
  --theme-accent-gradient: linear-gradient(135deg, #34d399 0%, #059669 100%);
  --theme-bg-surface: #293548;
  --theme-bg-elevated: #374151;
  --theme-bg-overlay: rgba(0, 0, 0, 0.5);
  --theme-border: rgba(255, 255, 255, 0.1);

  /* Card Variables */
  --theme-card-border: var(--theme-border);
  --theme-card-shadow: var(--theme-shadow-sm);
  --theme-card-shadow-hover: var(--theme-shadow-md);

  /* Manual Refill Card Variables */
  --theme-refill-card-bg: linear-gradient(135deg, #374151 0%, #293548 100%);
  --theme-refill-card-border: var(--theme-border);
  --theme-refill-card-shadow: var(--theme-shadow-sm);
  --theme-refill-card-shadow-hover: var(--theme-shadow-md);
  --theme-refill-card-title-color: var(--theme-text-primary);
  --theme-refill-card-text-color: var(--theme-text-secondary);
  --theme-refill-card-transform: translateY(-2px);

  /* Manual Refill Card Header Overrides */
  --theme-refill-header-color: var(--theme-text-primary);
  --theme-refill-header-bg: rgba(255, 255, 255, 0.05);
  --theme-refill-header-icon-color: var(--theme-accent-color);

  /* Manual Refill Card Description Overrides */
  --theme-refill-desc-color: var(--theme-text-secondary);

  /* Banner Specific */
  --theme-banner-bg: linear-gradient(135deg, #475569 0%, #334155 100%);
  --theme-banner-accent: linear-gradient(135deg, #34d399 0%, #059669 100%);
  --theme-banner-decoration-1: linear-gradient(135deg, rgba(52, 211, 153, 0.15) 0%, rgba(5, 150, 105, 0.2) 100%);
  --theme-banner-decoration-2: linear-gradient(135deg, rgba(167, 243, 208, 0.08) 0%, rgba(52, 211, 153, 0.12) 100%);
  --theme-banner-border: linear-gradient(to right, #34d399, #059669);

  /* Shadows */
  --theme-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
  --theme-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);

  /* Background Pattern */
  --theme-pattern-primary: #293548;
  --theme-pattern-secondary: #1e293b;
  --theme-bg-pattern: 
    linear-gradient(135deg, var(--theme-pattern-primary) 21px, var(--theme-pattern-secondary) 22px, var(--theme-pattern-secondary) 24px, transparent 24px, transparent 67px, var(--theme-pattern-secondary) 67px, var(--theme-pattern-secondary) 69px, transparent 69px),
    linear-gradient(225deg, var(--theme-pattern-primary) 21px, var(--theme-pattern-secondary) 22px, var(--theme-pattern-secondary) 24px, transparent 24px, transparent 67px, var(--theme-pattern-secondary) 67px, var(--theme-pattern-secondary) 69px, transparent 69px)0 64px;
  --theme-bg-pattern-size: 64px 128px;

  /* Status Colors */
  --theme-success-color: #34d399;
  --theme-warning-color: #fbbf24;
  --theme-error-color: #ef4444;
  --theme-info-color: #60a5fa;

  /* Table Overrides */
  --theme-table-header-bg: #374151;
  --theme-table-row-alt: #2f3b52;
  --theme-table-row-hover: rgba(52, 211, 153, 0.15);
  --theme-table-row-failed-bg: #332936;
  --theme-table-row-failed-hover: #33293d;
  --theme-table-row-failed-alt: #332939;

  /* Dashboard Overrides */
  --theme-dashboard-card-bg: var(--theme-bg-elevated);
  --theme-dashboard-icon-bg: rgba(52, 211, 153, 0.2);
  --theme-dashboard-table-header-bg: var(--theme-bg-surface);
  --theme-dashboard-table-row-hover: rgba(52, 211, 153, 0.15);

  /* Sidebar Overrides */
  --theme-sidebar-bg: var(--theme-bg-surface);
  --theme-sidebar-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);

  /* Content Panel Overrides */
  --theme-content-panel-bg: rgba(41, 53, 72, 0.9);
  --theme-content-panel-border: 1px solid rgba(255, 255, 255, 0.1);
  --theme-content-panel-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  --theme-content-panel-bg-hover: rgba(51, 65, 85, 0.95);

  /* Version Indicator */
  --theme-bg-muted: rgba(255, 255, 255, 0.1);
  --theme-bg-tooltip: rgba(255, 255, 255, 0.1);
  --theme-text-on-tooltip: #ffffff;

  /* Graph Theme Overrides */
  --theme-graph-bg: #1e293b;
  --theme-graph-grid-color: rgba(255, 255, 255, 0.15);
  --theme-graph-text-color: rgba(255, 255, 255, 0.85);
  --theme-graph-border: rgba(255, 255, 255, 0.1);
  --theme-graph-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  --theme-graph-container-bg: #293548;
  --theme-graph-container-border: rgba(255, 255, 255, 0.1);
  --theme-graph-container-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  --theme-graph-tooltip-bg: rgba(30, 41, 59, 0.95);
  --theme-graph-tooltip-color: rgba(255, 255, 255, 0.85);
  --theme-graph-tooltip-border: rgba(255, 255, 255, 0.1);
  --theme-graph-tooltip-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);

  /* Support Theme Overrides - Dark */
  --theme-support-panel-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
  --theme-support-search-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  --theme-support-ticket-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
  --theme-support-ticket-hover: linear-gradient(135deg, #475569 0%, #334155 100%);
  --theme-support-ticket-selected: linear-gradient(135deg, rgba(52, 211, 153, 0.1) 0%, rgba(5, 150, 105, 0.15) 100%);
  --theme-support-ticket-selected-border: #34d399;
  --theme-support-ticket-selected-border: #34d399;
  --theme-support-id-bg: rgba(52, 211, 153, 0.1);

  /* Support Button Colors - Dark */
  --theme-support-button-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
  --theme-support-button-hover: linear-gradient(135deg, #475569 0%, #334155 100%);
  --theme-support-button-active: linear-gradient(135deg, #34d399 0%, #059669 100%);

  /* Support Details Panel - Dark */
  --theme-support-details-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  --theme-support-header-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
  --theme-support-header-accent: linear-gradient(90deg, #34d399 0%, #059669 100%);
  --theme-support-content-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  --theme-support-description-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);

  /* Support Message Colors - Dark */
  --theme-support-message-bg: linear-gradient(135deg, #334155 0%, #1e293b 50%, #0f172a 100%);
  --theme-support-message-border: rgba(255, 255, 255, 0.1);
  --theme-support-message-hover: linear-gradient(135deg, #475569 0%, #334155 50%, #1e293b 100%);
  --theme-support-message-support-bg: linear-gradient(135deg, rgba(52, 211, 153, 0.1) 0%, rgba(5, 150, 105, 0.15) 50%, rgba(5, 150, 105, 0.2) 100%);
  --theme-support-message-support-border: rgba(52, 211, 153, 0.2);
  /* Add conversation container background */
  --theme-support-conversation-bg: linear-gradient(135deg, #475569 0%, #334155 50%, #1e293b 100%);

  /* Support Input Colors - Dark */
  --theme-support-input-container-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  --theme-support-input-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
  --theme-support-input-border: rgba(255, 255, 255, 0.1);
  --theme-support-input-focus-border: #34d399;
  --theme-support-input-focus-shadow: rgba(52, 211, 153, 0.3);

  /* Support Empty State - Dark */
  --theme-support-empty-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  --theme-support-empty-icon-color: #34d399;
  --theme-support-empty-text-color: #94A3B8;

  /* Support Status Colors - Dark */
  --theme-support-status-open-bg: rgba(34, 197, 94, 0.2);
  --theme-support-status-open-color: #4ade80;
  --theme-support-status-voting-bg: rgba(245, 158, 11, 0.2);
  --theme-support-status-voting-color: #fbbf24;
  --theme-support-status-closed-bg: rgba(239, 68, 68, 0.2);
  --theme-support-status-closed-color: #f87171;

  /* Support Category Colors - Dark */
  --theme-support-category-feature-bg: rgba(59, 130, 246, 0.2);
  --theme-support-category-feature-color: #60a5fa;
  --theme-support-category-bug-bg: rgba(239, 68, 68, 0.2);
  --theme-support-category-bug-color: #f87171;
  --theme-support-category-improvement-bg: rgba(34, 197, 94, 0.2);
  --theme-support-category-improvement-color: #4ade80;

  /* Support Priority Colors - Dark */
  --theme-support-priority-low-bg: rgba(34, 197, 94, 0.2);
  --theme-support-priority-low-color: #4ade80;
  --theme-support-priority-medium-bg: rgba(245, 158, 11, 0.2);
  --theme-support-priority-medium-color: #fbbf24;
  --theme-support-priority-high-bg: rgba(239, 68, 68, 0.2);
  --theme-support-priority-high-color: #f87171;

  /* Support Icons - Dark */
  --theme-support-icon-color: #34d399;
  --theme-support-icon-secondary: #94A3B8;

  /* Support Attachments - Dark */
  --theme-support-attachment-bg: rgba(52, 211, 153, 0.1);
  --theme-support-attachment-color: #34d399;
  --theme-support-attachment-hover-bg: rgba(52, 211, 153, 0.2);

  /* Refill Card Overrides */
  --theme-purchase-btn-shadow: var(--theme-shadow-sm);
  --theme-purchase-btn-shadow-hover: var(--theme-shadow-md);

  /* Refill Card Button - Dark */
  --theme-refill-card-button-bg: linear-gradient(135deg, #34d399 0%, #059669 100%);
  --theme-refill-card-button-text: #ffffff;
  --theme-refill-card-button-border: 1px solid #059669;
  --theme-refill-card-button-hover-bg: linear-gradient(135deg, #10b981 0%, #047857 100%);
  --theme-refill-card-button-hover-text: #ffffff;
  --theme-refill-card-button-hover-border: 1px solid #047857;
  --theme-refill-card-button-active-bg: linear-gradient(135deg, #059669 0%, #065f46 100%);
  --theme-refill-card-button-active-text: #ffffff;
  --theme-refill-card-button-active-border: 1px solid #065f46;

  /* Quick Purchase Card Overrides */
  --theme-purchase-card-bg: var(--theme-card-bg);
  --theme-purchase-card-border: var(--theme-border);
  --theme-purchase-card-border-hover: var(--theme-primary);
  --theme-purchase-card-shadow: var(--theme-shadow-sm);
  --theme-purchase-card-shadow-hover: var(--theme-shadow-md);

  /* Quick Purchase Card Typography */
  --theme-purchase-card-amount-color: var(--theme-text-primary);
  --theme-purchase-card-price-color: var(--theme-primary);
  --theme-purchase-card-text-color: var(--theme-text-secondary);

  /* Quick Purchase Card Badge */
  --theme-purchase-card-badge-bg: rgba(5, 150, 105, 0.2);
  --theme-purchase-card-badge-color: #34d399;
  --theme-purchase-card-badge-border: rgba(52, 211, 153, 0.3);
  --theme-purchase-card-badge-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

  /* Quick Purchase Card Disabled State */
  --theme-purchase-card-disabled-bg: rgba(30, 41, 59, 0.4);
  --theme-purchase-card-disabled-border: rgba(255, 255, 255, 0.05);
  --theme-purchase-card-disabled-btn-bg: rgba(255, 255, 255, 0.1);
  --theme-purchase-card-disabled-btn-color: rgba(255, 255, 255, 0.3);

  /* Buffer Info Container Overrides */
  --theme-buffer-info-bg: linear-gradient(135deg, #374151 0%, #293548 100%);
  --theme-buffer-info-border: var(--theme-border);
  --theme-buffer-info-title-color: var(--theme-text-primary);
  --theme-buffer-info-text-color: var(--theme-text-secondary);
  --theme-buffer-info-shadow: var(--theme-shadow-sm);

  /* Buffer Preview Container Overrides */
  --theme-buffer-preview-bg: linear-gradient(135deg, #293548 0%, #1e293b 100%);
  --theme-buffer-preview-border: var(--theme-border);
  --theme-buffer-preview-label-color: var(--theme-text-secondary);
  --theme-buffer-preview-value-color: var(--theme-text-primary);
  --theme-buffer-preview-shadow: var(--theme-shadow-sm);

  /* How It Works Dark Theme */
  --theme-how-it-works-bg: linear-gradient(135deg, #374151 0%, #293548 100%);
  --theme-how-it-works-border: var(--theme-border);
  --theme-how-it-works-shadow: var(--theme-shadow-md);

  /* Expand Button Dark Theme */
  --theme-expand-btn-arrow-color: var(--theme-text-secondary);
  --theme-expand-btn-arrow-hover: var(--theme-text-primary);
  --theme-expand-btn-bg-hover: rgba(255, 255, 255, 0.1);
  --theme-expand-btn-active-bg: rgba(52, 211, 153, 0.2);
  --theme-expand-btn-active-color: var(--theme-accent-color);

  /* Progress Stats Dark Theme */
  --theme-progress-stats-used-color: #ffffff;  /* Bright white for better contrast */
  --theme-progress-stats-limit-color: #cbd5e1;  /* Lighter gray for better readability */

  /* Progress Container Dark Theme */
  --theme-progress-container-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);

  /* Progress Bar Dark Theme */
  --theme-progress-bar-bg: rgba(255, 255, 255, 0.1);
  --theme-progress-bar-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);

  /* Progress Fill Dark Theme */
  --theme-progress-fill-gradient: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%
  );

  /* Progress States Dark Theme */
  --theme-progress-low-bg: #82c91e;
  --theme-progress-low-glow: rgba(130, 201, 30, 0.3);

  --theme-progress-medium-bg: #fcc419;
  --theme-progress-medium-glow: rgba(252, 196, 25, 0.3);

  --theme-progress-high-bg: #fa5252;
  --theme-progress-high-glow: rgba(250, 82, 82, 0.3);

  /* Progress Label Dark Theme */
  --theme-progress-label-color: var(--theme-text-primary);

  /* Usage Card Dark Theme */
  --theme-usage-card-bg: var(--theme-bg-elevated);
  --theme-usage-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  --theme-usage-card-shadow-hover: 0 3px 6px rgba(0, 0, 0, 0.4);

  /* Source Detail Dark Theme */
  --theme-source-detail-bg: var(--theme-bg-elevated);
  --theme-source-detail-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

  /* Source Type Tags Dark Theme */
  --theme-source-type-bg: rgba(25, 118, 210, 0.15);
  --theme-source-type-color: #90caf9;
  --theme-source-db-bg: rgba(123, 31, 162, 0.15);
  --theme-source-db-color: #ce93d8;
  --theme-source-agent-bg: rgba(85, 139, 47, 0.15);
  --theme-source-agent-color: #aed581;

  /* Source Status Dark Theme */
  --theme-source-status-active-bg: rgba(46, 125, 50, 0.15);
  --theme-source-status-active-color: #81c784;
  --theme-source-status-inactive-bg: rgba(198, 40, 40, 0.15);
  --theme-source-status-inactive-color: #ef9a9a;

  /* Realm Status Dark Theme */
  --theme-realm-status-active-bg: rgba(25, 118, 210, 0.15);
  --theme-realm-status-active-color: #90caf9;
  --theme-realm-status-inactive-bg: rgba(198, 40, 40, 0.15);
  --theme-realm-status-inactive-color: #ef9a9a;

  /* Progress Container Dark Theme */
  --theme-progress-container-bg: linear-gradient(135deg, var(--theme-bg-surface) 0%, var(--theme-bg-elevated) 100%);
  --theme-progress-container-shadow: var(--theme-shadow-md);

  /* Usage Header Dark Theme */
  --theme-usage-header-bg: var(--theme-bg-elevated);
  --theme-usage-header-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  --theme-usage-header-text-color: var(--theme-text-primary);

  /* Source Card Dark Theme Overrides */
  --theme-source-card-bg: var(--theme-surface-dark);
  --theme-stats-group-bg: var(--theme-surface-darker);
  --theme-stats-label-color: #94a3b8;
  --theme-stats-value-color: #e2e8f0;

  /* Product Feature Dark Theme Overrides */
  --theme-product-feature-bg: var(--theme-surface-darker);
  --theme-product-feature-icon-color: var(--theme-accent-light);

  /* Warning Dark Theme Overrides */
  --theme-warning-bg: rgba(197, 48, 48, 0.1);
  --theme-warning-border: rgba(197, 48, 48, 0.2);
  --theme-warning-color: #f56565;

  /* Collapse Toggle Dark Theme Overrides */
  --theme-collapse-toggle-bg: rgba(47, 113, 100, 0.2);
  --theme-collapse-toggle-bg-hover: rgba(47, 113, 100, 0.3);
  --theme-collapse-header-hover-bg: rgba(255, 255, 255, 0.02);

  /* No Refill Dark Theme Overrides */
  --theme-no-refill-border: #2d3748;
  --theme-no-refill-price-bg: var(--theme-surface-darker);
  --theme-no-refill-price-color: #a0aec0;
  --theme-no-refill-icon-color: #a0aec0;

  /* Status Shadow Overrides for Dark Theme */
  --theme-agent-status-shadow-online: 0 0 0 2px rgba(46, 125, 50, 0.4);
  --theme-agent-status-shadow-offline: 0 0 0 2px rgba(198, 40, 40, 0.4);
  --theme-agent-status-shadow-pending: 0 0 0 2px rgba(245, 124, 0, 0.4);


  /* Dropdown Overrides */
  --theme-dropdown-bg: var(--theme-bg-elevated);
  --theme-dropdown-text: var(--theme-text-primary);
  --theme-dropdown-border: var(--theme-border);
  --theme-dropdown-shadow: var(--theme-shadow-md);
  --theme-dropdown-hover-bg: rgba(255, 255, 255, 0.1);
  --theme-dropdown-focus-border: var(--theme-accent-color);
  --theme-dropdown-placeholder: var(--theme-text-secondary);
  --theme-dropdown-disabled-bg: rgba(255, 255, 255, 0.05);
  --theme-dropdown-disabled-text: rgba(255, 255, 255, 0.3);

  /* Shared Queries Component Variables */
  --theme-sharedqueries-chip-bg: #748FFC;
  --theme-sharedqueries-chip-text: #FFFFFF;
  --theme-sharedqueries-chip-hover-bg: #5C7CFA;
  --theme-sharedqueries-chip-shadow: 0 2px 4px rgba(116, 143, 252, 0.3);


}

/* Ensure dark theme styles are applied to manual refill cards */
[data-theme="dark"] .manual-refill-card {
  background: linear-gradient(135deg, #374151 0%, #293548 100%);
  border-color: var(--theme-border);
}

[data-theme="dark"] .manual-refill-card:hover {
  border-color: var(--theme-primary);
  box-shadow: var(--theme-shadow-md);
}

/* Auto Refill Card Dark Theme */
[data-theme="dark"] .auto-refill-control-card,
[data-theme="dark"] .auto-refill-info,
[data-theme="dark"] .info-box,
[data-theme="dark"] .description-box,
[data-theme="dark"] .auto-refill-description,
[data-theme="dark"] .feature-description {
  background: linear-gradient(135deg, #374151 0%, #293548 100%) !important;
  border-color: var(--theme-border) !important;
}

[data-theme="dark"] .auto-refill-control-card:hover {
  border-color: var(--theme-primary) !important;
  box-shadow: var(--theme-shadow-md) !important;
}

[data-theme="dark"] .buffer-preview {
  background: var(--theme-bg-elevated) !important;
  border-color: var(--theme-border) !important;
}

[data-theme="dark"] .switch-slider {
  background-color: var(--theme-bg-elevated) !important;
}

[data-theme="dark"] input:checked + .switch-slider {
  background-color: var(--theme-primary) !important;
}

[data-theme="dark"] .auto-refill-info p,
[data-theme="dark"] .info-box p,
[data-theme="dark"] .description-box p,
[data-theme="dark"] .feature-description p {
  color: var(--theme-text-secondary) !important;
}

[data-theme="dark"] .auto-refill-info h3,
[data-theme="dark"] .info-box h3,
[data-theme="dark"] .description-box h3,
[data-theme="dark"] .feature-description h3 {
  color: var(--theme-text-primary) !important;
}

/* Dark Theme Buffer Info Styles */
[data-theme="dark"] .buffer-info {
  background: var(--theme-buffer-info-bg);
  border: 1px solid var(--theme-buffer-info-border);
  box-shadow: var(--theme-buffer-info-shadow);
}

[data-theme="dark"] .buffer-info-title {
  color: var(--theme-buffer-info-title-color);
}

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

[data-theme="dark"] .buffer-preview {
  background: var(--theme-buffer-preview-bg);
  border: 1px solid var(--theme-buffer-preview-border);
  box-shadow: var(--theme-buffer-preview-shadow);
}

[data-theme="dark"] .preview-label {
  color: var(--theme-buffer-preview-label-color);
}

[data-theme="dark"] .preview-value {
  color: var(--theme-buffer-preview-value-color);
}

/* Buffer Slider Dark Theme */
[data-theme="dark"] .buffer-slider-container,
[data-theme="dark"] .slider-container,
[data-theme="dark"] .buffer-container {
  background: linear-gradient(135deg, #374151 0%, #293548 100%) !important;
  border-color: var(--theme-border) !important;
}

[data-theme="dark"] .buffer-slider,
[data-theme="dark"] input[type="range"] {
  background: var(--theme-bg-surface) !important;
}

[data-theme="dark"] .buffer-slider::-webkit-slider-thumb,
[data-theme="dark"] input[type="range"]::-webkit-slider-thumb {
  background: var(--theme-primary) !important;
}

[data-theme="dark"] .buffer-slider::-moz-range-thumb,
[data-theme="dark"] input[type="range"]::-moz-range-thumb {
  background: var(--theme-primary) !important;
}

/* How It Works Dark Theme */
[data-theme="dark"] .how-it-works-container {
  background: var(--theme-how-it-works-bg) !important;
  border-color: var(--theme-how-it-works-border) !important;
  box-shadow: var(--theme-how-it-works-shadow) !important;
}

[data-theme="dark"] .how-it-works-title {
  color: var(--theme-text-primary) !important;
}

[data-theme="dark"] .how-it-works-description {
  color: var(--theme-text-secondary) !important;
}

/* Make sure all info containers follow the same theme */
[data-theme="dark"] .info-container,
[data-theme="dark"] .description-container,
[data-theme="dark"] .feature-info,
[data-theme="dark"] .info-section {
  background: linear-gradient(135deg, #374151 0%, #293548 100%) !important;
  border-color: var(--theme-border) !important;
  box-shadow: var(--theme-shadow-md) !important;
}

/* Text colors for info containers */
[data-theme="dark"] .info-container p,
[data-theme="dark"] .description-container p,
[data-theme="dark"] .feature-info p,
[data-theme="dark"] .info-section p {
  color: var(--theme-text-secondary) !important;
}

[data-theme="dark"] .info-container h3,
[data-theme="dark"] .description-container h3,
[data-theme="dark"] .feature-info h3,
[data-theme="dark"] .info-section h3 {
  color: var(--theme-text-primary) !important;
}

/* Additional Dark Theme Overrides */
[data-theme="dark"] .preview-value {
  color: var(--theme-text-primary) !important;
}

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

/* Dark Theme Sidebar */
[data-theme="dark"] .sidebar {
  background: var(--theme-sidebar-bg);
  box-shadow: var(--theme-sidebar-shadow);
}

[data-theme="dark"] .sidebar-header {
  background: var(--theme-bg-elevated);
  border-bottom-color: var(--theme-border-color);
}

[data-theme="dark"] .menu-items {
  background: var(--theme-bg-surface);
}

/* Dark Theme Menu Items */
[data-theme="dark"] .menu-item {
  color: var(--theme-text-primary);
}

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

[data-theme="dark"] .menu-item .label {
  color: var(--theme-text-primary);
}

[data-theme="dark"] .menu-item:hover {
  background: var(--theme-hover-bg);
}

[data-theme="dark"] .menu-item:hover i,
[data-theme="dark"] .menu-item:hover .label {
  color: var(--theme-text-primary);
}

[data-theme="dark"] .menu-item.active {
  background: var(--theme-accent-gradient);
}

[data-theme="dark"] .menu-item.active i,
[data-theme="dark"] .menu-item.active .label {
  color: white;
}

/* Dark Theme Submenu */
[data-theme="dark"] .has-submenu {
  position: relative;
  flex-direction: column;
  height: auto;
  min-height: 48px;
  padding: 0;
}

[data-theme="dark"] .has-submenu > div:first-child {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px;
  height: 48px;
}

[data-theme="dark"] .submenu {
  display: none;
  width: calc(100% - 8px); /* reduced indent */
  margin-left: 4px;
  background: var(--theme-bg-elevated);
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-out;
  border-radius: 6px;
  box-shadow: var(--theme-shadow-sm);
  border: 1px solid var(--theme-border-color);
}

[data-theme="dark"] .has-submenu.open .submenu {
  display: block;
  max-height: 500px;
  margin-bottom: 8px;
}

[data-theme="dark"] .submenu-item {
  padding: 8px 16px 8px 16px;
  font-size: 0.9em;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--theme-text-primary);
}

[data-theme="dark"] .submenu-item:hover {
  background: var(--theme-hover-bg);
}

[data-theme="dark"] .submenu-item i {
  font-size: 14px;
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .submenu-item:hover i {
  color: var(--theme-text-primary);
}

[data-theme="dark"] .submenu-arrow {
  color: var(--theme-text-secondary);
  transition: transform 0.3s ease;
}

[data-theme="dark"] .has-submenu.open .submenu-arrow {
  transform: rotate(180deg);
  color: var(--theme-text-primary);
}

[data-theme="dark"] .menu-separator {
  background: var(--theme-border-color);
}

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

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

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

/* Dark Theme Specific Overrides */
[data-theme="dark"] .theme-btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(52, 211, 153, 0.4);
}

[data-theme="dark"] .theme-btn-secondary:hover {
  background: var(--theme-hover-bg);
  color: var(--theme-text-primary);
  border-color: var(--theme-accent-color);
}

/* Dark Theme Scrollbar */
[data-theme="dark"] .theme-scrollbar::-webkit-scrollbar {
  width: 6px;
}

[data-theme="dark"] .theme-scrollbar::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .theme-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}

[data-theme="dark"] .theme-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* Dark Theme Status Badges */
[data-theme="dark"] .theme-badge-success {
  background: rgba(52, 211, 153, 0.2);
  color: var(--theme-success-color);
}

[data-theme="dark"] .theme-badge-warning {
  background: rgba(251, 191, 36, 0.2);
  color: var(--theme-warning-color);
}

[data-theme="dark"] .theme-badge-error {
  background: rgba(239, 68, 68, 0.2);
  color: var(--theme-error-color);
}

[data-theme="dark"] .theme-badge-info {
  background: rgba(96, 165, 250, 0.2);
  color: var(--theme-info-color);
}

/* Dark Theme Version Indicator */
[data-theme="dark"] .version-indicator {
  background: var(--theme-bg-muted);
}

[data-theme="dark"] .version-indicator .tooltip {
  background: var(--theme-bg-tooltip);
  color: var(--theme-text-on-tooltip);
}

[data-theme="dark"] .content-panel {
  background: var(--theme-content-panel-bg);
  border: var(--theme-content-panel-border);
  box-shadow: var(--theme-content-panel-shadow);
}

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

/* Dark Theme Collapsible */
[data-theme="dark"] .collapsible-header {
  background: var(--theme-bg-elevated);
  border-color: var(--theme-border);
}

[data-theme="dark"] .collapsible-content {
  background: var(--theme-bg-surface);
}

[data-theme="dark"] .collapsible-content.expanded {
  border-top-color: rgba(255,255,255,0.1);
}

/* Data Products Dark Theme Overrides */
[data-theme="dark"] {
  --theme-data-products-section-bg: var(--theme-bg-surface);
  --theme-data-products-section-shadow: var(--theme-shadow-md);

  --theme-data-product-card-bg: var(--theme-bg-surface);
  --theme-data-product-card-border: var(--theme-border);
  --theme-data-product-card-shadow: var(--theme-shadow-sm);
  --theme-data-product-card-hover-shadow: var(--theme-shadow-md);
  --theme-data-product-card-header-border: rgba(255, 255, 255, 0.1);
  --theme-data-products-header-hover-bg: rgba(255, 255, 255, 0.05);
}

/* Subscription Theme Overrides */
:root[data-theme="dark"] {
  /* Individual Plan Gradients */
  --individual-gradient-start: rgba(17, 24, 39, 0.8);
  --individual-gradient-end: rgba(31, 41, 55, 0.9);
  --individual-popular-gradient-start: rgba(6, 95, 70, 0.1);
  --individual-popular-gradient-end: rgba(4, 120, 87, 0.2);

  /* Button Gradients */
  --theme-subscription-btn-bg-start: #34d399;
  --theme-subscription-btn-bg-end: #059669;
  --theme-subscription-btn-active-bg: #2563eb;
  --theme-subscription-btn-active-hover-bg: #1d4ed8;
  --theme-subscription-btn-hover-shadow: 0 4px 12px rgba(5, 150, 105, 0.5);
}

/* Ensure dark theme styles are applied to manual refill cards */
[data-theme="dark"] .manual-refill-card {
  background: linear-gradient(135deg, #374151 0%, #293548 100%);
  border-color: var(--theme-border);
}

[data-theme="dark"] .manual-refill-card:hover {
  border-color: var(--theme-primary);
  box-shadow: var(--theme-shadow-md);
}

/* Auto Refill Card Dark Theme */
[data-theme="dark"] .auto-refill-control-card,
[data-theme="dark"] .auto-refill-info,
[data-theme="dark"] .info-box,
[data-theme="dark"] .description-box,
[data-theme="dark"] .auto-refill-description,
[data-theme="dark"] .feature-description {
  background: linear-gradient(135deg, #374151 0%, #293548 100%) !important;
  border-color: var(--theme-border) !important;
}

[data-theme="dark"] .auto-refill-control-card:hover {
  border-color: var(--theme-primary) !important;
  box-shadow: var(--theme-shadow-md) !important;
}

[data-theme="dark"] .buffer-preview {
  background: var(--theme-bg-elevated) !important;
  border-color: var(--theme-border) !important;
}

[data-theme="dark"] .switch-slider {
  background-color: var(--theme-bg-elevated) !important;
}

[data-theme="dark"] input:checked + .switch-slider {
  background-color: var(--theme-primary) !important;
}

[data-theme="dark"] .auto-refill-info p,
[data-theme="dark"] .info-box p,
[data-theme="dark"] .description-box p,
[data-theme="dark"] .feature-description p {
  color: var(--theme-text-secondary) !important;
}

[data-theme="dark"] .auto-refill-info h3,
[data-theme="dark"] .info-box h3,
[data-theme="dark"] .description-box h3,
[data-theme="dark"] .feature-description h3 {
  color: var(--theme-text-primary) !important;
}

/* Dark Theme Buffer Info Styles */
[data-theme="dark"] .buffer-info {
  background: var(--theme-buffer-info-bg);
  border: 1px solid var(--theme-buffer-info-border);
  box-shadow: var(--theme-buffer-info-shadow);
}

[data-theme="dark"] .buffer-info-title {
  color: var(--theme-buffer-info-title-color);
}

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

[data-theme="dark"] .buffer-preview {
  background: var(--theme-buffer-preview-bg);
  border: 1px solid var(--theme-buffer-preview-border);
  box-shadow: var(--theme-buffer-preview-shadow);
}

[data-theme="dark"] .preview-label {
  color: var(--theme-buffer-preview-label-color);
}

[data-theme="dark"] .preview-value {
  color: var(--theme-buffer-preview-value-color);
}

/* Buffer Slider Dark Theme */
[data-theme="dark"] .buffer-slider-container,
[data-theme="dark"] .slider-container,
[data-theme="dark"] .buffer-container {
  background: linear-gradient(135deg, #374151 0%, #293548 100%) !important;
  border-color: var(--theme-border) !important;
}

[data-theme="dark"] .buffer-slider,
[data-theme="dark"] input[type="range"] {
  background: var(--theme-bg-surface) !important;
}

[data-theme="dark"] .buffer-slider::-webkit-slider-thumb,
[data-theme="dark"] input[type="range"]::-webkit-slider-thumb {
  background: var(--theme-primary) !important;
}

[data-theme="dark"] .buffer-slider::-moz-range-thumb,
[data-theme="dark"] input[type="range"]::-moz-range-thumb {
  background: var(--theme-primary) !important;
}

/* How It Works Dark Theme */
[data-theme="dark"] .how-it-works-container {
  background: var(--theme-how-it-works-bg) !important;
  border-color: var(--theme-how-it-works-border) !important;
  box-shadow: var(--theme-how-it-works-shadow) !important;
}

[data-theme="dark"] .how-it-works-title {
  color: var(--theme-text-primary) !important;
}

[data-theme="dark"] .how-it-works-description {
  color: var(--theme-text-secondary) !important;
}

/* Make sure all info containers follow the same theme */
[data-theme="dark"] .info-container,
[data-theme="dark"] .description-container,
[data-theme="dark"] .feature-info,
[data-theme="dark"] .info-section {
  background: linear-gradient(135deg, #374151 0%, #293548 100%) !important;
  border-color: var(--theme-border) !important;
  box-shadow: var(--theme-shadow-md) !important;
}

/* Text colors for info containers */
[data-theme="dark"] .info-container p,
[data-theme="dark"] .description-container p,
[data-theme="dark"] .feature-info p,
[data-theme="dark"] .info-section p {
  color: var(--theme-text-secondary) !important;
}

[data-theme="dark"] .info-container h3,
[data-theme="dark"] .description-container h3,
[data-theme="dark"] .feature-info h3,
[data-theme="dark"] .info-section h3 {
  color: var(--theme-text-primary) !important;
}

/* Additional Dark Theme Overrides */
[data-theme="dark"] .preview-value {
  color: var(--theme-text-primary) !important;
}

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

/* Dark Theme Sidebar */
[data-theme="dark"] .sidebar {
  background: var(--theme-sidebar-bg);
  box-shadow: var(--theme-sidebar-shadow);
}

[data-theme="dark"] .sidebar-header {
  background: var(--theme-bg-elevated);
  border-bottom-color: var(--theme-border-color);
}

[data-theme="dark"] .menu-items {
  background: var(--theme-bg-surface);
}

/* Dark Theme Menu Items */
[data-theme="dark"] .menu-item {
  color: var(--theme-text-primary);
}

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

[data-theme="dark"] .menu-item .label {
  color: var(--theme-text-primary);
}

[data-theme="dark"] .menu-item:hover {
  background: var(--theme-hover-bg);
}

[data-theme="dark"] .menu-item:hover i,
[data-theme="dark"] .menu-item:hover .label {
  color: var(--theme-text-primary);
}

[data-theme="dark"] .menu-item.active {
  background: var(--theme-accent-gradient);
}

[data-theme="dark"] .menu-item.active i,
[data-theme="dark"] .menu-item.active .label {
  color: white;
}

/* Dark Theme Submenu */
[data-theme="dark"] .has-submenu {
  position: relative;
  flex-direction: column;
  height: auto;
  min-height: 48px;
  padding: 0;
}

[data-theme="dark"] .has-submenu > div:first-child {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px;
  height: 48px;
}

[data-theme="dark"] .submenu {
  display: none;
  width: calc(100% - 8px); /* reduced indent */
  margin-left: 4px;
  background: var(--theme-bg-elevated);
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-out;
  border-radius: 6px;
  box-shadow: var(--theme-shadow-sm);
  border: 1px solid var(--theme-border-color);
}

[data-theme="dark"] .has-submenu.open .submenu {
  display: block;
  max-height: 500px;
  margin-bottom: 8px;
}

[data-theme="dark"] .submenu-item {
  padding: 8px 16px 8px 16px;
  font-size: 0.9em;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--theme-text-primary);
}

[data-theme="dark"] .submenu-item:hover {
  background: var(--theme-hover-bg);
}

[data-theme="dark"] .submenu-item i {
  font-size: 14px;
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .submenu-item:hover i {
  color: var(--theme-text-primary);
}

[data-theme="dark"] .submenu-arrow {
  color: var(--theme-text-secondary);
  transition: transform 0.3s ease;
}

[data-theme="dark"] .has-submenu.open .submenu-arrow {
  transform: rotate(180deg);
  color: var(--theme-text-primary);
}

[data-theme="dark"] .menu-separator {
  background: var(--theme-border-color);
}

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

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

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

/* Dark Theme Specific Overrides */
[data-theme="dark"] .theme-btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(52, 211, 153, 0.4);
}

[data-theme="dark"] .theme-btn-secondary:hover {
  background: var(--theme-hover-bg);
  color: var(--theme-text-primary);
  border-color: var(--theme-accent-color);
}

/* Dark Theme Scrollbar */
[data-theme="dark"] .theme-scrollbar::-webkit-scrollbar {
  width: 6px;
}

[data-theme="dark"] .theme-scrollbar::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .theme-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}

[data-theme="dark"] .theme-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* Dark Theme Status Badges */
[data-theme="dark"] .theme-badge-success {
  background: rgba(52, 211, 153, 0.2);
  color: var(--theme-success-color);
}

[data-theme="dark"] .theme-badge-warning {
  background: rgba(251, 191, 36, 0.2);
  color: var(--theme-warning-color);
}

[data-theme="dark"] .theme-badge-error {
  background: rgba(239, 68, 68, 0.2);
  color: var(--theme-error-color);
}

[data-theme="dark"] .theme-badge-info {
  background: rgba(96, 165, 250, 0.2);
  color: var(--theme-info-color);
}

/* Dark Theme Version Indicator */
[data-theme="dark"] .version-indicator {
  background: var(--theme-bg-muted);
}

[data-theme="dark"] .version-indicator .tooltip {
  background: var(--theme-bg-tooltip);
  color: var(--theme-text-on-tooltip);
}

[data-theme="dark"] .content-panel {
  background: var(--theme-content-panel-bg);
  border: var(--theme-content-panel-border);
  box-shadow: var(--theme-content-panel-shadow);
}

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

/* Dark Theme Collapsible */
[data-theme="dark"] .collapsible-header {
  background: var(--theme-bg-elevated);
  border-color: var(--theme-border);
}

[data-theme="dark"] .collapsible-content {
  background: var(--theme-bg-surface);
}

[data-theme="dark"] .collapsible-content.expanded {
  border-top-color: rgba(255,255,255,0.1);
}

/* Data Products Dark Theme Overrides */
[data-theme="dark"] {
  --theme-data-products-section-bg: var(--theme-bg-surface);
  --theme-data-products-section-shadow: var(--theme-shadow-md);

  --theme-data-product-card-bg: var(--theme-bg-surface);
  --theme-data-product-card-border: var(--theme-border);
  --theme-data-product-card-shadow: var(--theme-shadow-sm);
  --theme-data-product-card-hover-shadow: var(--theme-shadow-md);
  --theme-data-product-card-header-border: rgba(255, 255, 255, 0.1);
  --theme-data-products-header-hover-bg: rgba(255, 255, 255, 0.05);
}

/* Subscription Theme Overrides */
:root[data-theme="dark"] {
  /* Individual Plan Gradients */
  --individual-gradient-start: rgba(17, 24, 39, 0.8);
  --individual-gradient-end: rgba(31, 41, 55, 0.9);
  --individual-popular-gradient-start: rgba(6, 95, 70, 0.1);
  --individual-popular-gradient-end: rgba(4, 120, 87, 0.2);

  /* Button Gradients */
  --theme-subscription-btn-bg-start: #34d399;
  --theme-subscription-btn-bg-end: #059669;
  --theme-subscription-btn-active-bg: #2563eb;
  --theme-subscription-btn-active-hover-bg: #1d4ed8;
  --theme-subscription-btn-hover-shadow: 0 4px 12px rgba(5, 150, 105, 0.5);
}

/* Category Selector Dark Theme Overrides */
[data-theme="dark"] {
  --theme-category-card-bg: rgba(255, 255, 255, 0.03);
  --theme-category-card-border: 1px solid rgba(255, 255, 255, 0.1);
  --theme-category-card-shadow: none;

  /* Category Card Text */
  --theme-category-title-color: rgba(255, 255, 255, 1);  /* Pure white */
  --theme-category-desc-color: rgba(255, 255, 255, 0.7);  /* Slightly dimmed */
  --theme-category-icon-color: #86efac;  /* Bright green */

  /* Coming Soon Tag */
  --theme-coming-soon-bg: rgba(255, 255, 255, 0.1);
  --theme-coming-soon-text: rgba(255, 255, 255, 0.9);

  /* Tier Card Dark Theme */
  --theme-tier-title-color: rgba(255, 255, 255, 1);  /* Pure white */
  --theme-tier-desc-color: rgba(255, 255, 255, 0.7);  /* Slightly dimmed */

  /* Price Colors */
  --theme-price-color: rgba(255, 255, 255, 1);  /* Pure white for price */
  --theme-price-currency-color: rgba(255, 255, 255, 0.9);
  --theme-price-amount-color: rgba(255, 255, 255, 1);  /* Pure white for amount */
  --theme-price-period-color: rgba(255, 255, 255, 0.7);

  /* Feature List Dark Theme */
  --theme-feature-item-bg: rgba(255, 255, 255, 0.03);
  --theme-feature-item-border: 1px solid rgba(255, 255, 255, 0.1);

  --theme-feature-icon-color: #86efac;  /* Much brighter green for maximum contrast */
  --theme-feature-icon-wrapper-bg: transparent;
  --theme-feature-icon-bg: rgba(52, 211, 153, 0.1);  /* Subtle green background */

  --theme-feature-text-color: rgba(255, 255, 255, 0.9);

  --theme-feature-info-icon-color: rgba(255, 255, 255, 0.7);
  --theme-feature-info-icon-hover: var(--theme-accent);
}

[data-theme="dark"] {
  /* Add these variables if they don't exist */
  --theme-primary-hover: #10b981; /* Slightly lighter green than the primary color */
  --theme-text-on-primary: #ffffff;
}

[data-theme="dark"] .agent-button:hover,
[data-theme="dark"] .agent-copy-button:hover {
  background: var(--theme-primary-hover);
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(16, 185, 129, 0.4);
}

[data-theme="dark"] .category-card:hover {
  background: var(--theme-bg-elevated);
  border-color: var(--theme-accent-color);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .category-card.disabled {
  background: var(--theme-category-card-disabled-bg);
  border-color: var(--theme-category-card-disabled-border);
  box-shadow: none;
  filter: grayscale(50%) brightness(0.8);  
}

[data-theme="dark"] .category-card.disabled:hover {
  transform: none;
  box-shadow: none;
  border-color: var(--theme-category-card-disabled-border);
}

[data-theme="dark"] .category-card.disabled .category-icon {
  opacity: 0.4;  
}

[data-theme="dark"] .category-card.disabled .coming-soon-tag {
  background: rgba(239, 68, 68, 0.15);  
  color: rgba(239, 68, 68, 0.6);  
}

[data-theme="dark"] .category-card.disabled .coming-soon-tag {
  background: rgba(239, 68, 68, 0.15);
  color: #ff6b6b;  /* Even brighter red */
  text-shadow: 0 0 10px rgba(239, 68, 68, 0.4);
  font-weight: 600;
  border: 1px solid rgba(239, 68, 68, 0.2);
  box-shadow: 0 2px 4px rgba(239, 68, 68, 0.1);
}

/* Price Section Dark Theme */
[data-theme="dark"] {
  --theme-price-color: rgba(255, 255, 255, 1);  /* Pure white for price */
  --theme-price-currency-color: rgba(255, 255, 255, 0.9);
  --theme-price-amount-color: rgba(255, 255, 255, 1);  /* Pure white for amount */
  --theme-price-period-color: rgba(255, 255, 255, 0.7);
}

/* Feature List Dark Theme */
[data-theme="dark"] {
  --theme-feature-item-bg: rgba(255, 255, 255, 0.03);
  --theme-feature-item-border: 1px solid rgba(255, 255, 255, 0.1);

  --theme-feature-icon-color: #86efac;  /* Much brighter green for maximum contrast */
  --theme-feature-icon-wrapper-bg: transparent;
  --theme-feature-icon-bg: rgba(52, 211, 153, 0.1);  /* Subtle green background */

  --theme-feature-text-color: rgba(255, 255, 255, 0.9);

  --theme-feature-info-icon-color: rgba(255, 255, 255, 0.7);
  --theme-feature-info-icon-hover: var(--theme-accent);
}

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

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

[data-theme="dark"] .feature-icon-wrapper i {
  color: var(--theme-feature-icon-color);
}

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

[data-theme="dark"] .info-icon i {
  color: var(--theme-feature-info-icon-color);
}

[data-theme="dark"] .info-icon:hover i {
  color: var(--theme-feature-info-icon-hover);
}

[data-theme="dark"] .feature-text {
  background: none !important;  /* Force no background */
}

[data-theme="dark"] .feature-description {
  background: none !important;  /* Force no background */
}

/* Tier Card Dark Theme */
[data-theme="dark"] {
  --theme-tier-title-color: rgba(255, 255, 255, 1);  /* Pure white */
  --theme-tier-desc-color: rgba(255, 255, 255, 0.7);  /* Slightly dimmed */

  --theme-price-color: rgba(255, 255, 255, 1);  /* Pure white */
  --theme-price-currency-color: rgba(255, 255, 255, 0.9);  /* Very bright */
  --theme-price-amount-color: rgba(255, 255, 255, 1);  /* Pure white */
  --theme-price-period-color: rgba(255, 255, 255, 0.7);  /* Slightly dimmed */

  --theme-feature-item-bg: rgba(255, 255, 255, 0.03);
  --theme-feature-item-border: 1px solid rgba(255, 255, 255, 0.1);
  --theme-feature-icon-color: #86efac;
  --theme-feature-icon-wrapper-bg: transparent;
  --theme-feature-text-color: rgba(255, 255, 255, 0.9);
}

/* Category Card Hover States */
[data-theme="dark"] .category-card:hover .category-card h4,
[data-theme="dark"] .tier-card:hover .tier-header h3 {
  background: none;
  -webkit-text-fill-color: var(--theme-white);
  color: var(--theme-white);
  opacity: 1;
}

[data-theme="dark"] .tier-card:hover {
  background: var(--theme-surface-darker);
}

[data-theme="dark"] .tier-card:hover .tier-header h3 {
  color: var(--theme-white);
  background: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}

/* Vision Vote Dark Theme Overrides */
[data-theme="dark"] {
  /* Vision Vote Stats Dark Theme */
  --theme-vv-stat-card-bg: var(--theme-bg-surface-raised);
  --theme-vv-stat-card-shadow: var(--theme-shadow-sm-dark);
  --theme-vv-stat-value-color: var(--theme-text-primary);
  --theme-vv-stat-label-color: var(--theme-text-secondary);
  --theme-vv-stat-icon-color: var(--theme-accent);

  /* Vision Vote Info Box Dark Theme */
  --theme-vv-info-box-bg: rgba(var(--theme-info-color-rgb), 0.25);
  --theme-vv-info-box-border: rgba(var(--theme-info-color-rgb), 0.4);
  --theme-vv-info-box-color: rgba(255, 255, 255, 0.95);
  --theme-vv-info-box-icon-color: var(--theme-info-color);

  /* Vision Vote Leaderboard Dark Theme */
  --theme-vv-leader-card-bg: rgba(255, 255, 255, 0.05);
  --theme-vv-leader-card-border: rgba(255, 255, 255, 0.1);
  --theme-vv-leader-card-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  --theme-vv-leader-title-color: #FFFFFF;
  --theme-vv-leader-desc-color: rgba(255, 255, 255, 0.7);

  /* Medal Colors - Slightly adjusted for dark theme */
  --theme-vv-medal-gold-gradient: linear-gradient(135deg, #FFD700 0%, #FDB931 100%);
  --theme-vv-medal-silver-gradient: linear-gradient(135deg, #E8E8E8 0%, #B8B8B8 100%);
  --theme-vv-medal-bronze-gradient: linear-gradient(135deg, #CD7F32 0%, #A0522D 100%);

  /* Medal Colors - Dark theme backgrounds */
  --theme-vv-medal-gold-bg: linear-gradient(135deg, rgba(255, 215, 0, 0.2) 0%, rgba(253, 185, 49, 0.25) 100%);
  --theme-vv-medal-silver-bg: linear-gradient(135deg, rgba(232, 232, 232, 0.2) 0%, rgba(184, 184, 184, 0.25) 100%);
  --theme-vv-medal-bronze-bg: linear-gradient(135deg, rgba(205, 127, 50, 0.2) 0%, rgba(160, 82, 45, 0.25) 100%);

  /* Dark theme text colors for medals */
  --medal-text-color: var(--theme-text-primary);
}

[data-theme="dark"] .vv-info-box {
  background: rgba(var(--theme-info-color-rgb), 0.25);
  border-color: rgba(var(--theme-info-color-rgb), 0.4);
  color: rgba(255, 255, 255, 0.95);
}

[data-theme="dark"] .vv-info-box i {
  color: var(--theme-info-color);
}

[data-theme="dark"] .vv-info-box p {
  color: rgba(255, 255, 255, 0.95);
}

[data-theme="dark"] .vv-votes-available {
  background: rgba(var(--theme-accent-color-rgb), 0.2);
  color: var(--theme-accent-color);
}

[data-theme="dark"] {
  /* Vision Vote Regular Cards Dark Theme */
  --theme-vv-card-bg: rgba(255, 255, 255, 0.03);
  --theme-vv-card-border: rgba(255, 255, 255, 0.08);
  --theme-vv-card-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  --theme-vv-card-hover-bg: rgba(255, 255, 255, 0.05);
  --theme-vv-card-title-color: #ffffff;  /* Pure white */
  --theme-vv-card-text-color: rgba(255, 255, 255, 0.95);  /* Very bright text */
  --theme-vv-card-meta-color: rgba(255, 255, 255, 0.7);  /* Increased meta contrast */
  --theme-vv-read-more-color: #60a5fa;  /* Bright blue */
}

[data-theme="dark"] .vv-idea-title {
  color: #ffffff !important;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .vv-idea-description {
  color: #e2e8f0 !important;
}

[data-theme="dark"] .vv-idea-date {
  color: #94a3b8 !important;
}

[data-theme="dark"] .vv-read-more {
  color: #60a5fa !important;
}

[data-theme="dark"] .vv-read-more:hover {
  color: #93c5fd !important;
}