/* Theme Styles */

/* Theme Toggle Button */
.theme-toggle {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition-fast);
  color: var(--text-secondary);
}

.theme-toggle:hover {
  background-color: var(--hover-bg);
  color: var(--text-primary);
}

/* Dark theme specific adjustments */
[data-theme="dark"] {
  color-scheme: dark;
}

[data-theme="dark"] .card {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .table thead {
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background-color: var(--bg-secondary);
}

[data-theme="dark"] .modal-backdrop {
  background-color: rgba(0, 0, 0, 0.7);
}

/* Smooth theme transition */
* {
  transition: background-color var(--transition-base), 
              color var(--transition-base),
              border-color var(--transition-base);
}

/* Prevent transition on page load */
.no-transition * {
  transition: none !important;
}