/* ==========================================================================
   jQuery UI Theme Override
   Applies theme variables to jQuery UI widgets for dark mode support
   ========================================================================== */

/* Widget content areas (tabs panels, dialogs, etc.) */
.ui-widget-content {
  background: var(--color-bg-primary) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-light) !important;
}

.ui-widget-content a {
  color: var(--color-link) !important;
}

/* Widget headers */
.ui-widget-header {
  background: var(--color-bg-primary) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-light) !important;
}

/* Tooltips */
.ui-tooltip {
  background-color: var(--color-tooltip-bg) !important;
  color: var(--color-tooltip-text) !important;
  border: 1px solid var(--color-tooltip-border) !important;
}