/* Los componentes propios usan la escala de grises del tema para texto y superficies. */
:root[data-bs-theme="dark"] {
  --ct-gray-100: #404954;
  --ct-gray-200: #47515d;
  --ct-gray-600: #aab8c5;
  --ct-gray-700: #b9c5d0;
  --ct-gray-800: #d8e0e8;
  --ct-gray-900: #f1f4f7;
  --ct-primary: #5865cf;
  --ct-primary-rgb: 88, 101, 207;
  --ct-link-color: #aab3ff;
  --ct-link-color-rgb: 170, 179, 255;
  --ct-link-hover-color: #c6ccff;
  --ct-link-hover-color-rgb: 198, 204, 255;
  --ct-primary-text-emphasis: #c6ccff;
  --popper-theme-background-color: #37404a;
  --popper-theme-background-color-hover: #404954;
  --popper-theme-text-color: #f1f4f7;
}

[data-bs-theme="dark"] .text-dark,
[data-bs-theme="dark"] .text-dark-50 {
  color: var(--ct-gray-900) !important;
}

[data-bs-theme="dark"] .bg-white {
  background-color: var(--ct-secondary-bg) !important;
}

[data-bs-theme="dark"] .bg-light {
  background-color: var(--ct-gray-200) !important;
}

[data-bs-theme="dark"] .btn-primary {
  --ct-btn-bg: var(--ct-primary);
  --ct-btn-border-color: var(--ct-primary);
  --ct-btn-hover-bg: #4653b8;
  --ct-btn-hover-border-color: #4653b8;
  --ct-btn-active-bg: #3f4ba8;
  --ct-btn-active-border-color: #3f4ba8;
}

[data-bs-theme="dark"] .btn-outline-primary {
  --ct-btn-color: #aab3ff;
  --ct-btn-border-color: #7785ea;
  --ct-btn-hover-bg: var(--ct-primary);
  --ct-btn-hover-border-color: var(--ct-primary);
  --ct-btn-active-bg: #4653b8;
  --ct-btn-active-border-color: #4653b8;
  --ct-btn-disabled-color: #aab3ff;
  --ct-btn-disabled-border-color: #7785ea;
}

[data-bs-theme="dark"] .btn-light {
  --ct-btn-color: var(--ct-gray-900);
  --ct-btn-bg: var(--ct-gray-200);
  --ct-btn-border-color: var(--ct-gray-200);
  --ct-btn-hover-color: var(--ct-gray-900);
  --ct-btn-hover-bg: #526070;
  --ct-btn-hover-border-color: #526070;
  --ct-btn-active-color: var(--ct-gray-900);
  --ct-btn-active-bg: #526070;
  --ct-btn-active-border-color: #526070;
}