html[data-theme="dark"] {
  color-scheme: dark;
}

html[data-theme="light"] {
  color-scheme: light;
}

html[data-theme="light"] body {
  background: #f4f7fb !important;
  color: #0f172a !important;
}

html[data-theme="light"] .main-content,
html[data-theme="light"] .page-content,
html[data-theme="light"] .layout {
  background: transparent !important;
}

html[data-theme="light"] .header {
  background: rgba(255,255,255,0.94) !important;
  color: #0f172a !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .header input,
html[data-theme="light"] .form-control,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #dbe3ee !important;
}

html[data-theme="light"] .card,
html[data-theme="light"] .kpi-card,
html[data-theme="light"] .modal,
html[data-theme="light"] .dropdown-menu,
html[data-theme="light"] .notification-panel {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 30px rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .table,
html[data-theme="light"] table,
html[data-theme="light"] th,
html[data-theme="light"] td,
html[data-theme="light"] .page-title,
html[data-theme="light"] .card-title,
html[data-theme="light"] .kpi-value,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] strong {
  color: #0f172a !important;
  border-color: #e2e8f0 !important;
}

html[data-theme="light"] .page-subtitle,
html[data-theme="light"] .kpi-label,
html[data-theme="light"] .header-breadcrumb,
html[data-theme="light"] .text-muted {
  color: #64748b !important;
}

html[data-theme="light"] .btn.btn-secondary,
html[data-theme="light"] .header-btn {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #dbe3ee !important;
}

html[data-theme="light"] .sidebar {
  background: #ffffff !important;
  border-right: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .sidebar-item,
html[data-theme="light"] .sidebar-section-title,
html[data-theme="light"] .sidebar-logo-name,
html[data-theme="light"] .sidebar-logo-sub,
html[data-theme="light"] .sidebar-user-name,
html[data-theme="light"] .sidebar-user-role,
html[data-theme="light"] .sidebar-item-text {
  color: #0f172a !important;
}

html[data-theme="light"] .sidebar-item.active {
  background: rgba(0,102,204,.10) !important;
  border: 1px solid rgba(0,102,204,.16) !important;
}