/* backoffice/app/assets/stylesheets/design_system.css */
/* Sistema de Diseño Institucional & Paleta de Colores Farmacia Sole */

:root {
  --sole-red: #D62839;       /* Módulo 1: Alertas, CDNO, Emergencias */
  --sole-orange: #F58220;    /* Módulo 2: Marketing, Promociones */
  --sole-yellow: #F2D21B;    /* Módulo 3: Inventario, Estancados */
  --sole-green: #7CB342;     /* Módulo 4: Ventas, POS, Éxitos */
  --sole-turquoise: #0097A7; /* Módulo 5: RRHH, Auditoría, Asistencia */
  --sole-blue-dark: #005A9C; /* Texto principal corporativo y acentos de marca */
  --sole-bg: #FFFFFF;        /* Fondo limpio puro */
}

.text-sole-blue { color: var(--sole-blue-dark) !important; }
.text-sole-red { color: var(--sole-red) !important; }
.text-sole-orange { color: var(--sole-orange) !important; }
.text-sole-yellow { color: var(--sole-yellow) !important; }
.text-sole-green { color: var(--sole-green) !important; }
.text-sole-turquoise { color: var(--sole-turquoise) !important; }

.bg-sole-blue { background-color: var(--sole-blue-dark) !important; color: #ffffff !important; }
.bg-sole-red { background-color: var(--sole-red) !important; color: #ffffff !important; }
.bg-sole-orange { background-color: var(--sole-orange) !important; color: #ffffff !important; }
.bg-sole-yellow { background-color: var(--sole-yellow) !important; color: #1e293b !important; }
.bg-sole-green { background-color: var(--sole-green) !important; color: #ffffff !important; }
.bg-sole-turquoise { background-color: var(--sole-turquoise) !important; color: #ffffff !important; }

.border-sole-blue { border-color: var(--sole-blue-dark) !important; }
.border-sole-red { border-color: var(--sole-red) !important; }

/* Modal Shepherd.js & SweetAlert2 UX Styles */
.shepherd-has-modal_overlay {
  z-index: 99999 !important;
}

.shepherd-text {
  font-size: 1.25rem !important;
  line-height: 1.7 !important;
  color: #1e293b !important;
}

.shepherd-title {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: var(--sole-blue-dark) !important;
}

/* Dynamic Module & Brand Tokens Utilities (Zero Code Change Requirement) */
.text-brand-main { color: var(--brand-text-main, #1E293B) !important; }
.text-brand-muted { color: var(--brand-text-muted, #64748B) !important; }
.text-brand-primary { color: var(--brand-primary, #005A9C) !important; }
.bg-brand-primary { background-color: var(--brand-primary, #005A9C) !important; color: #ffffff !important; }

.text-module-primary { color: var(--module-theme, var(--brand-primary, #005A9C)) !important; }
.text-module-accent { color: var(--module-accent, #0088FF) !important; }
.bg-module-primary { background-color: var(--module-theme, var(--brand-primary, #005A9C)) !important; color: var(--module-text, #ffffff) !important; }
.bg-module-light { background-color: var(--module-bg-light, #EFF6FF) !important; color: var(--module-text, #0F172A) !important; }
.border-module-primary { border-color: var(--module-theme, var(--brand-primary, #005A9C)) !important; }
.border-module-accent { border-color: var(--module-accent, #0088FF) !important; }

.badge-module-dynamic {
  background-color: var(--module-bg-light, #EFF6FF) !important;
  color: var(--module-theme, var(--brand-primary, #005A9C)) !important;
  border: 1px solid var(--module-accent, #0088FF) !important;
}