/* Themes por variables */
.theme-light {
  --rada-bg: #f6f8fb;
  --rada-surface: #ffffff;
  --rada-text: #1f2937;
  --rada-muted: #6b7280;
  --rada-border: #e5e7eb;
  --rada-primary: #30a9e0; /* celeste */
  --rada-sidebar: #ffffff;
}

.theme-dark {
  --rada-bg: #0f172a;
  --rada-surface: #111827;
  --rada-text: #e5e7eb;
  --rada-muted: #9ca3af;
  --rada-border: #1f2937;
  --rada-primary: #30a9e0;
  --rada-sidebar: #0b1220;
}

body {
  background: var(--rada-bg);
  color: var(--rada-text);
}

/* ==========================
   Dark theme overrides
   ========================== */

.theme-dark {
  /* Asegura color base legible */
  color: rgba(255, 255, 255, 0.90);
}

/* Bootstrap utility: text-muted */
.theme-dark .text-muted {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* Algunos componentes usan text-secondary */
.theme-dark .text-secondary {
  color: rgba(255, 255, 255, 0.60) !important;
}

/* Placeholders */
.theme-dark .form-control::placeholder,
.theme-dark .form-select::placeholder {
  color: rgba(255, 255, 255, 0.45) !important;
}

/* Labels/hints */
.theme-dark .form-text {
  color: rgba(255, 255, 255, 0.55) !important;
}

/* Tablas: texto "apagado" */
.theme-dark .table {
  color: rgba(255, 255, 255, 0.88);
}
.theme-dark .table .text-muted {
  color: rgba(255, 255, 255, 0.65) !important;
}