/* Jerarquia de superficies del tema oscuro.
 * Fondo -> contenido -> tarjetas -> cabeceras, sin sombras flotantes. */
[data-coreui-theme="dark"] {
  --cui-body-bg: #1b202a;
  --cui-body-bg-rgb: 27, 32, 42;
  --cui-secondary-bg: #212733;
  --cui-secondary-bg-rgb: 33, 39, 51;
  --cui-tertiary-bg: #272e3b;
  --cui-tertiary-bg-rgb: 39, 46, 59;
  --cui-card-bg: #232a36;
  --cui-card-cap-bg: #282f3d;
  --cui-border-color: #394252;
  --cui-border-color-translucent: rgba(148, 163, 184, 0.18);
}

[data-coreui-theme="dark"] .card,
[data-coreui-theme="dark"] .accordion-item,
[data-coreui-theme="dark"] .dropdown-menu,
[data-coreui-theme="dark"] .modal-content {
  background-color: var(--cui-card-bg);
  border-color: var(--cui-border-color);
  box-shadow: none;
}

[data-coreui-theme="dark"] .card-header,
[data-coreui-theme="dark"] .card-footer,
[data-coreui-theme="dark"] .accordion-button,
[data-coreui-theme="dark"] .modal-header,
[data-coreui-theme="dark"] .modal-footer {
  background-color: var(--cui-card-cap-bg);
  border-color: var(--cui-border-color);
}

[data-coreui-theme="dark"] .form-control,
[data-coreui-theme="dark"] .form-select,
[data-coreui-theme="dark"] .input-group-text {
  background-color: #1f2530;
  border-color: var(--cui-border-color);
}

[data-coreui-theme="dark"] .table {
  --cui-table-bg: transparent;
  --cui-table-border-color: var(--cui-border-color-translucent);
}

[data-coreui-theme="dark"] .rn-money-stat,
[data-coreui-theme="dark"] .rn-money-panel,
[data-coreui-theme="dark"] .rn-money-accordion-item {
  box-shadow: none !important;
}