[data-theme="dark"] {
    --primary-color: #8bc34a;
    --primary-hover: #7cb342;
    --secondary-color: #66bb6a;
    --accent-color: #ffb74d;
    --background-color: #121212;
    --surface-color: #1e1e1e;
    --text-primary: #ffffff;
    --text-secondary: #b3b3b3;
    --text-muted: #666666;
    --border-color: #333333;
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.4);
    --success-color: #81c784;
    --error-color: #ef5350;
    --warning-color: #ffb74d;
    --info-color: #4fc3f7;
}

[data-theme="dark"] .main-search-bar {
    background: rgba(139, 195, 74, 0.1);
    color: #fff;
}
[data-theme="dark"] .main-search-bar::placeholder {
    color: var(--text-muted);
}
[data-theme="dark"] #home-tags-input {
    color: #fff;
}
[data-theme="dark"] #home-tags-input::placeholder {
    color: var(--text-muted);
}

/* Generic search inputs on dark mode */
[data-theme="dark"] .filter-input,
[data-theme="dark"] .search-input {
    color: #fff;
}
[data-theme="dark"] .filter-input::placeholder,
[data-theme="dark"] .search-input::placeholder {
    color: var(--text-muted);
}

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

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

[data-theme="dark"] .news-date {
    background: var(--primary-color);
    color: white;
}

/* Home news list dark tweaks */
[data-theme="dark"] .home-news-list {
    background: var(--surface-color);
    border-color: var(--border-color);
}

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

[data-theme="dark"] .home-news-item:hover {
    background: var(--background-color);
}

/* Dark mode for empty-state back buttons */
[data-theme="dark"] .no-data .btn,
[data-theme="dark"] .no-tasks .btn,
[data-theme="dark"] .no-subcategories .btn,
[data-theme="dark"] .no-categories .btn,
[data-theme="dark"] .no-data a,
[data-theme="dark"] .no-tasks a,
[data-theme="dark"] .no-subcategories a,
[data-theme="dark"] .no-categories a {
    background: var(--primary-color);
    color: #fff;
}
[data-theme="dark"] .no-data .btn i,
[data-theme="dark"] .no-tasks .btn i,
[data-theme="dark"] .no-subcategories .btn i,
[data-theme="dark"] .no-categories .btn i,
[data-theme="dark"] .no-data a i,
[data-theme="dark"] .no-tasks a i,
[data-theme="dark"] .no-subcategories a i,
[data-theme="dark"] .no-categories a i {
    color: #fff;
}

[data-theme="dark"] .no-data .btn:hover,
[data-theme="dark"] .no-tasks .btn:hover,
[data-theme="dark"] .no-subcategories .btn:hover,
[data-theme="dark"] .no-categories .btn:hover,
[data-theme="dark"] .no-data a:hover,
[data-theme="dark"] .no-tasks a:hover,
[data-theme="dark"] .no-subcategories a:hover,
[data-theme="dark"] .no-categories a:hover {
    background: var(--primary-hover);
}

[data-theme="dark"] .task-formula {
    background: var(--background-color);
    border: 1px solid var(--border-color);
}

[data-theme="dark"] .difficulty-item.easy .count {
    background: rgba(46, 125, 50, 0.2);
    color: #81c784;
}

[data-theme="dark"] .difficulty-item.medium .count {
    background: rgba(245, 124, 0, 0.2);
    color: #ffb74d;
}

[data-theme="dark"] .difficulty-item.hard .count {
    background: rgba(198, 40, 40, 0.2);
    color: #ef5350;
}

[data-theme="dark"] .premium-widget {
    background: linear-gradient(135deg, #ffb74d, #ff9800);
}

[data-theme="dark"] .dropdown-content {
    background: var(--surface-color);
    border-color: var(--border-color);
}

[data-theme="dark"] .dropdown-content a:hover {
    background-color: var(--background-color);
}

/* Header Component Dark Mode Support */
[data-theme="dark"] .user-menu-toggle {
    color: var(--text-primary);
}

[data-theme="dark"] .user-menu-toggle:hover {
    background: rgba(139, 195, 74, 0.1);
}

[data-theme="dark"] .user-dropdown {
    background: var(--surface-color);
    border-color: var(--border-color);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

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

[data-theme="dark"] .user-fullname,
[data-theme="dark"] .dropdown-item {
    color: var(--text-primary);
}

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

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

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

[data-theme="dark"] .logout-item:hover {
    background: rgba(231, 76, 60, 0.1);
    color: #ef5350;
}

[data-theme="dark"] .page-title .highlight {
    background-image: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}

/* Admin panel dark mode */
[data-theme="dark"] .admin-dashboard,
[data-theme="dark"] .admin-users,
[data-theme="dark"] .admin-user-detail {
    background: var(--background-color);
}

[data-theme="dark"] .stat-card,
[data-theme="dark"] .detail-card,
[data-theme="dark"] .quick-actions,
[data-theme="dark"] .recent-activity,
[data-theme="dark"] .filters-section,
[data-theme="dark"] .users-table-container,
[data-theme="dark"] .modal-content {
    background: var(--surface-color);
    border-color: var(--border-color);
}

[data-theme="dark"] .stat-content h3,
[data-theme="dark"] .stat-content p,
[data-theme="dark"] .card-header h3,
[data-theme="dark"] .info-row label,
[data-theme="dark"] .info-row span,
[data-theme="dark"] .page-header h1,
[data-theme="dark"] .page-header p,
[data-theme="dark"] .header-content h1,
[data-theme="dark"] .header-content p,
[data-theme="dark"] .modal-header h3,
[data-theme="dark"] .form-group label {
    color: var(--text-primary);
}

[data-theme="dark"] .action-card,
[data-theme="dark"] .users-table th {
    background: var(--surface-color);
    border-color: var(--border-color);
}

[data-theme="dark"] .action-card:hover {
    background: var(--background-color);
}

[data-theme="dark"] .users-table tbody tr:hover {
    background: var(--background-color);
}

[data-theme="dark"] .activity-item,
[data-theme="dark"] .info-row {
    border-color: var(--border-color);
}

[data-theme="dark"] .card-header,
[data-theme="dark"] .users-table th {
    background: var(--background-color);
    border-color: var(--border-color);
}

[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-close,
[data-theme="dark"] .form-actions {
    border-color: var(--border-color);
}

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

/* Dark mode support for action button glow effects */
[data-theme="dark"] .action-btn.primary {
  background: linear-gradient(135deg, var(--primary-color), #9ccc65);
  animation: actionBtnGlowPrimaryDark 2.5s ease-in-out infinite alternate;
  box-shadow: 0 0 0 rgba(139, 195, 74, 0.4);
}

[data-theme="dark"] .action-btn.primary:hover {
  animation: actionBtnGlowPrimaryDarkHover 1s ease-in-out infinite alternate;
  transform: scale(1.05) translateY(-2px);
  box-shadow: 0 8px 25px rgba(139, 195, 74, 0.8);
}

[data-theme="dark"] .action-btn.secondary {
  background: linear-gradient(135deg, #42a5f5, #64b5f6);
  animation: actionBtnGlowSecondaryDark 2.5s ease-in-out infinite alternate;
  box-shadow: 0 0 0 rgba(66, 165, 245, 0.4);
}

[data-theme="dark"] .action-btn.secondary:hover {
  animation: actionBtnGlowSecondaryDarkHover 1s ease-in-out infinite alternate;
  transform: scale(1.05) translateY(-2px);
  box-shadow: 0 8px 25px rgba(66, 165, 245, 0.8);
}

@keyframes actionBtnGlowPrimaryDark {
  0% {
    box-shadow: 0 0 0 rgba(139, 195, 74, 0.4);
  }
  100% {
    box-shadow: 0 0 25px rgba(139, 195, 74, 0.7);
  }
}

@keyframes actionBtnGlowPrimaryDarkHover {
  0% {
    box-shadow: 0 8px 25px rgba(139, 195, 74, 0.8);
  }
  100% {
    box-shadow: 0 8px 35px rgba(139, 195, 74, 0.9);
  }
}

@keyframes actionBtnGlowSecondaryDark {
  0% {
    box-shadow: 0 0 0 rgba(66, 165, 245, 0.4);
  }
  100% {
    box-shadow: 0 0 25px rgba(66, 165, 245, 0.7);
  }
}

@keyframes actionBtnGlowSecondaryDarkHover {
  0% {
    box-shadow: 0 8px 25px rgba(66, 165, 245, 0.8);
  }
  100% {
    box-shadow: 0 8px 35px rgba(66, 165, 245, 0.9);
  }
}