/* TaskFlow - Dark Mode Overrides */
/* Note: Most dark mode styles are handled through CSS variables in main.css */
/* This file contains specific overrides that need more targeted selectors */

[data-theme="dark"] body {
  background-color: #0F172A;
}

[data-theme="dark"] .nav-public {
  background-color: rgba(15, 23, 42, 0.92);
  border-bottom-color: #334155;
}

[data-theme="dark"] .hero {
  background: linear-gradient(180deg, #0F172A 0%, #0D2010 100%);
}

[data-theme="dark"] .hero::before {
  background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(34,197,94,0.08), transparent);
}

[data-theme="dark"] .features-section {
  background-color: #111827;
}

[data-theme="dark"] .feature-card {
  background-color: #1E293B;
}

[data-theme="dark"] .pricing-card {
  background-color: #1E293B;
}

[data-theme="dark"] .footer {
  background-color: #080E1A;
}

[data-theme="dark"] .footer-links a:hover {
  color: #CBD5E1;
}

/* Form elements dark */
[data-theme="dark"] .form-input,
[data-theme="dark"] .form-select,
[data-theme="dark"] .form-textarea {
  background-color: #1E293B;
  border-color: #334155;
  color: #F1F5F9;
}

[data-theme="dark"] .form-input::placeholder,
[data-theme="dark"] .form-textarea::placeholder {
  color: #475569;
}

[data-theme="dark"] .form-input:focus,
[data-theme="dark"] .form-select:focus,
[data-theme="dark"] .form-textarea:focus {
  border-color: #22C55E;
  box-shadow: 0 0 0 3px rgba(34,197,94,0.12);
}

[data-theme="dark"] .form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394A3B8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
}

/* Search dark */
[data-theme="dark"] .search-bar input {
  background-color: #1E293B;
  border-color: #334155;
  color: #F1F5F9;
}

[data-theme="dark"] .search-bar input:focus {
  background-color: #1E293B;
  border-color: #22C55E;
}

/* Button dark */
[data-theme="dark"] .btn-secondary {
  background-color: #1E293B;
  border-color: #334155;
  color: #F1F5F9;
}

[data-theme="dark"] .btn-secondary:hover {
  background-color: #293548;
  color: #F8FAFC;
}

[data-theme="dark"] .btn-ghost {
  color: #CBD5E1;
}

[data-theme="dark"] .btn-ghost:hover {
  background-color: #1E293B;
  color: #F1F5F9;
}

/* Notification unread dark */
[data-theme="dark"] .notification-item.unread {
  background-color: #0D2010;
}

[data-theme="dark"] .notification-item.unread:hover {
  background-color: #112A18;
}

/* Table dark */
[data-theme="dark"] .table th {
  background-color: #1E293B;
}

[data-theme="dark"] .table tbody tr:hover {
  background-color: #1E293B;
}

/* Modal dark */
[data-theme="dark"] .modal-overlay {
  background-color: rgba(0, 0, 0, 0.65);
}

/* Settings dark */
[data-theme="dark"] .danger-zone {
  border-color: #7F1D1D;
  background-color: #150808;
}

/* Tab dark */
[data-theme="dark"] .tab-btn.active {
  color: #22C55E;
  border-bottom-color: #22C55E;
}

/* Dropdown dark */
[data-theme="dark"] .dropdown-menu {
  background-color: #1E293B;
  border-color: #334155;
}

[data-theme="dark"] .dropdown-item:hover {
  background-color: #293548;
}

[data-theme="dark"] .dropdown-item.danger:hover {
  background-color: #200A0A;
}

/* Badge dark adjustments */
[data-theme="dark"] .badge-blue {
  background-color: #1E3A5F;
  color: #93C5FD;
}

[data-theme="dark"] .badge-red {
  background-color: #3B0A0A;
  color: #FCA5A5;
}

[data-theme="dark"] .badge-yellow {
  background-color: #3B2A08;
  color: #FDE68A;
}

[data-theme="dark"] .badge-purple {
  background-color: #2D1B69;
  color: #C4B5FD;
}

/* Calendar event dark */
[data-theme="dark"] .event-blue {
  background-color: #1E3A5F;
  color: #93C5FD;
}

[data-theme="dark"] .event-green {
  background-color: #0D2010;
  color: #86EFAC;
}

[data-theme="dark"] .event-red {
  background-color: #200A0A;
  color: #FCA5A5;
}

[data-theme="dark"] .event-purple {
  background-color: #1E0D3B;
  color: #C4B5FD;
}

[data-theme="dark"] .event-orange {
  background-color: #2A1000;
  color: #FDBA74;
}

/* Alert dark */
[data-theme="dark"] .alert-success {
  background-color: #0D2010;
  border-color: #166534;
  color: #86EFAC;
}

[data-theme="dark"] .alert-error {
  background-color: #200A0A;
  border-color: #7F1D1D;
  color: #FCA5A5;
}

[data-theme="dark"] .alert-warning {
  background-color: #1C1200;
  border-color: #92400E;
  color: #FDE68A;
}

[data-theme="dark"] .alert-info {
  background-color: #0A1628;
  border-color: #1E3A5F;
  color: #93C5FD;
}

/* Settings nav dark active */
[data-theme="dark"] .settings-nav-item.active {
  background-color: #0D2010;
  color: #86EFAC;
}

/* Sidebar active dark */
[data-theme="dark"] .sidebar-link.active {
  background-color: #0D2010;
  color: #86EFAC;
}

/* kbd dark */
[data-theme="dark"] kbd {
  background-color: #1E293B;
  border-color: #334155;
  color: #94A3B8;
}