/**
 * Vista cómoda (por defecto): menos blanco puro, menos deslumbramiento.
 * Alto contraste: lectura fuerte. Brillante: blancos originales (legacy).
 */
html[data-banchy-contrast='comfort'] {
  --surface: #ffffff;
  --surface-50: #f9fafb;
  --surface-100: #f3f4f6;
  --surface-200: #e5e7eb;
  --surface-glass: rgba(255, 255, 255, 0.94);
  --surface-glass-dark: rgba(255, 255, 255, 0.98);
  --bg-page: #f4f6f9;
  --bg-primary: #f4f6f9;
  --bg-secondary: #f4f6f9;
  --border-color: #cbd5e1;
  --text-primary: #1e293b;
  --text-secondary: #475569;
  --text-tertiary: #64748b;
  --text-muted: #64748b;
}

html[data-banchy-contrast='comfort'] body,
html[data-banchy-contrast='comfort'] body.has-presentation-bar {
  background: var(--bg-page) !important;
}

html[data-banchy-contrast='comfort'] .presentation-bar-bancolombia {
  background: #f3f4f6 !important;
  border-bottom: 1px solid #cbd5e1 !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06);
}

html[data-banchy-contrast='comfort'] .page-wrapper,
html[data-banchy-contrast='comfort'] .main-content,
html[data-banchy-contrast='comfort'] .main-content-card,
html[data-banchy-contrast='comfort'] .card-inner-layout,
html[data-banchy-contrast='comfort'] .card-content-area {
  background: #f4f6f9 !important;
}

html[data-banchy-contrast='comfort'] .main-content-card,
html[data-banchy-contrast='comfort'] .card,
html[data-banchy-contrast='comfort'] .section-card,
html[data-banchy-contrast='comfort'] .response-card,
html[data-banchy-contrast='comfort'] .modal-content,
html[data-banchy-contrast='comfort'] .modal-body {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

html[data-banchy-contrast='comfort'] .sidebar-in-card {
  background: #f3f4f6 !important;
  border-color: #cbd5e1 !important;
}

html[data-banchy-contrast='comfort'] .tabs .tab.active,
html[data-banchy-contrast='comfort'] .tab-button.active {
  background: #ffffff !important;
  color: #1e293b !important;
}

html[data-banchy-contrast='comfort'] .loading-overlay,
html[data-banchy-contrast='comfort'] .spinner-overlay {
  background: rgba(244, 246, 249, 0.9) !important;
}

html[data-banchy-contrast='comfort'] input,
html[data-banchy-contrast='comfort'] select,
html[data-banchy-contrast='comfort'] textarea {
  background: #ffffff !important;
  border-color: #94a3b8 !important;
  color: #0f172a !important;
}

html[data-banchy-contrast='comfort'] .table tbody tr {
  background: #ffffff;
}

html[data-banchy-contrast='comfort'] .table-striped tbody tr:nth-child(odd) {
  background: #f3f4f6 !important;
}

html[data-banchy-contrast='comfort'] [data-banchy-contrast-toggle][aria-pressed='true'] {
  background: #475569 !important;
  color: #f1f5f9 !important;
  border-radius: 8px;
}

html[data-banchy-contrast='bright'] .presentation-bar-bancolombia {
  background: #ffffff !important;
}

html[data-banchy-contrast='bright'] body.has-presentation-bar,
html[data-banchy-contrast='bright'] body.has-presentation-bar .page-wrapper,
html[data-banchy-contrast='bright'] body.has-presentation-bar .main-content,
html[data-banchy-contrast='bright'] body.has-presentation-bar .main-content-card,
html[data-banchy-contrast='bright'] body.has-presentation-bar .card-content-area {
  background: #ffffff !important;
}