/* ==========================================================================
   Tools Hub - Themes & Dark/Light Mode Utilities
   ========================================================================== */

/* High contrast & smooth transitions for theme switching */
html.theme-transitioning,
html.theme-transitioning *,
html.theme-transitioning *::before,
html.theme-transitioning *::after {
  transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, box-shadow 200ms ease !important;
}

/* Light Theme tweaks */
[data-theme="light"] {
  color-scheme: light;
}

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

[data-theme="dark"] .tool-workspace,
[data-theme="dark"] .card,
[data-theme="dark"] .benefit-card,
[data-theme="dark"] .step-card,
[data-theme="dark"] .feature-box,
[data-theme="dark"] .instruction-step,
[data-theme="dark"] .category-block,
[data-theme="dark"] .home-seo-article,
[data-theme="dark"] .tool-seo-body {
  border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus,
[data-theme="dark"] .form-textarea:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
}