/**
 * @file: overrides.css
 * @description: Временные точечные перекрытия на период миграции (минимизировать).
 */

@layer overrides {
  /* ===== ВРЕМЕННАЯ СОВМЕСТИМОСТЬ НА ПЕРИОД МИГРАЦИИ ШАБЛОНОВ ===== */
  /* 1) Bootstrap утилиты (dark) */
  [data-theme="dark"] .text-dark,
  [data-theme="dark"] .text-black {
    color: var(--text-primary) !important;
  }

  /* Bootstrap muted/secondary — в dark должны быть читаемыми на surface */
  [data-theme="dark"] .text-muted {
    color: var(--text-muted) !important;
  }

  [data-theme="dark"] .text-secondary {
    color: var(--text-secondary) !important;
  }

  /* 2) «warning + text-dark» должно быть читабельным */
  [data-theme="dark"] .bg-warning.text-dark,
  [data-theme="dark"] .card-header.bg-warning.text-dark,
  [data-theme="dark"] .badge.bg-warning.text-dark {
    background-color: var(--warning) !important;
    color: var(--on-warning) !important;
  }

  [data-theme="dark"] .bg-warning.text-dark *,
  [data-theme="dark"] .card-header.bg-warning.text-dark *,
  [data-theme="dark"] .badge.bg-warning.text-dark * {
    color: inherit !important;
  }

  /* 3) «primary + text-white» (например, заголовки) */
  [data-theme="dark"] .bg-primary.text-white,
  [data-theme="dark"] .card-header.bg-primary.text-white {
    background: var(--header-primary-bg) !important;
    color: var(--on-header-primary) !important;
  }

  [data-theme="dark"] .bg-primary.text-white *,
  [data-theme="dark"] .card-header.bg-primary.text-white * {
    color: inherit !important;
  }
}