/*
 * Chic's Boutique — paleta visual global
 *
 * Tres colores base, sin acentos adicionales:
 *   tinta   #2F2530
 *   papel   #FFF9FC
 *   acento  #A63D6F
 *
 * Las transparencias usan exclusivamente esos mismos tres colores.
 */
:root {
  --chics-ink: #2F2530;
  --chics-paper: #FFF9FC;
  --chics-accent: #A63D6F;

  --gob-navy: var(--chics-ink);
  --gob-navy-soft: var(--chics-ink);
  --gob-turquesa: var(--chics-accent);
  --gob-turquesa-dark: var(--chics-accent);
  --gob-gold: var(--chics-accent);
  --gob-gray: var(--chics-paper);
  --gob-line: rgba(47, 37, 48, .16);
  --gob-text: var(--chics-ink);
  --gob-muted: rgba(47, 37, 48, .68);

  --acct-ink: var(--chics-ink);
  --acct-muted: rgba(47, 37, 48, .68);
  --acct-surface: var(--chics-paper);
  --acct-bg: var(--chics-paper);
  --acct-border: rgba(47, 37, 48, .16);
  --acct-border-strong: rgba(47, 37, 48, .3);
  --acct-sidebar: var(--chics-ink);
  --acct-sidebar-deep: var(--chics-ink);
  --acct-teal: var(--chics-accent);
  --acct-teal-dark: var(--chics-accent);
  --acct-blue: var(--chics-accent);
  --acct-gold: var(--chics-accent);
  --acct-red: var(--chics-accent);
  --acct-green: var(--chics-accent);
  --acct-soft: rgba(166, 61, 111, .08);
  --acct-soft-blue: rgba(166, 61, 111, .08);
  --acct-quality: var(--chics-accent);
  --acct-operations: var(--chics-accent);
  --acct-shadow: 0 12px 30px rgba(47, 37, 48, .08);
  --acct-shadow-strong: 0 20px 48px rgba(47, 37, 48, .14);
}

body,
.content-wrapper,
.main-footer {
  background: var(--chics-paper) !important;
  color: var(--chics-ink) !important;
}

a,
.footer-link,
.main-header .nav-link:hover {
  color: var(--chics-accent);
}

a:hover,
a:focus {
  color: var(--chics-ink);
}

/* Acceso */
.bg-curve,
.main-sidebar,
.brand-link {
  background: var(--chics-ink) !important;
}

.branding-content,
.branding-text h1,
.branding-text p,
.brand-link,
.main-sidebar .nav-link:not(.active),
.main-sidebar .nav-header {
  color: var(--chics-paper) !important;
}

.branding-title-gold,
.accounting-login-title span,
.accounting-login-subtitle,
.icon-left,
.icon-right {
  color: var(--chics-accent) !important;
}

.accounting-login-card,
.modal-content-custom {
  background: var(--chics-paper) !important;
  border-color: rgba(47, 37, 48, .16) !important;
  color: var(--chics-ink) !important;
}

.accounting-login-icon,
.btn-submit,
.modal-btn-primary {
  background: var(--chics-accent) !important;
  border-color: var(--chics-accent) !important;
  color: var(--chics-paper) !important;
}

.form-control-custom,
.form-control,
.custom-select,
.select2-selection,
input,
select,
textarea {
  background-color: var(--chics-paper) !important;
  border-color: rgba(47, 37, 48, .24) !important;
  color: var(--chics-ink) !important;
}

.icheck-primary label,
.form-control-custom::placeholder,
.form-control::placeholder {
  color: var(--chics-ink) !important;
  opacity: .68;
}

.form-control-custom:focus,
.form-control:focus,
.custom-select:focus,
.select2-container--focus .select2-selection,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--chics-accent) !important;
  box-shadow: 0 0 0 .16rem rgba(166, 61, 111, .16) !important;
}

/* Navegacion y estructura principal */
.main-header,
.card,
.card-header,
.modal-content,
.dropdown-menu,
.account-menu-header,
.enterprise-strip,
.enterprise-signal {
  background: var(--chics-paper) !important;
  border-color: rgba(47, 37, 48, .16) !important;
  color: var(--chics-ink) !important;
}

.brand-logo-mark,
.nav-sidebar .nav-link.active,
.account-user-mini,
.account-avatar {
  background: var(--chics-accent) !important;
  color: var(--chics-paper) !important;
}

.nav-sidebar .nav-link.active {
  box-shadow: 0 8px 20px rgba(166, 61, 111, .28) !important;
}

.nav-sidebar .nav-link:not(.active):hover {
  background: rgba(255, 249, 252, .1) !important;
  color: var(--chics-paper) !important;
}

.user-panel .fas.fa-user-tie {
  background: var(--chics-accent) !important;
  color: var(--chics-paper) !important;
}

/* Todos los estados comparten un unico acento. */
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.badge-primary,
.badge-success,
.badge-info,
.badge-warning,
.badge-danger,
.bg-primary,
.bg-success,
.bg-info,
.bg-warning,
.bg-danger,
.custom-control-input:checked ~ .custom-control-label::before {
  background: var(--chics-accent) !important;
  border-color: var(--chics-accent) !important;
  color: var(--chics-paper) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus,
.btn-info:hover,
.btn-info:focus,
.btn-warning:hover,
.btn-warning:focus,
.btn-danger:hover,
.btn-danger:focus {
  background: var(--chics-ink) !important;
  border-color: var(--chics-ink) !important;
  color: var(--chics-paper) !important;
}

.btn-secondary,
.btn-dark,
.bg-dark {
  background: var(--chics-ink) !important;
  border-color: var(--chics-ink) !important;
  color: var(--chics-paper) !important;
}

.btn-light,
.bg-light {
  background: var(--chics-paper) !important;
  border-color: rgba(47, 37, 48, .24) !important;
  color: var(--chics-ink) !important;
}

.btn-outline-primary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-warning,
.btn-outline-danger,
.btn-outline-secondary {
  background: transparent !important;
  border-color: var(--chics-accent) !important;
  color: var(--chics-accent) !important;
}

.btn-outline-primary:hover,
.btn-outline-success:hover,
.btn-outline-info:hover,
.btn-outline-warning:hover,
.btn-outline-danger:hover,
.btn-outline-secondary:hover {
  background: var(--chics-accent) !important;
  border-color: var(--chics-accent) !important;
  color: var(--chics-paper) !important;
}

.text-primary,
.text-success,
.text-info,
.text-warning,
.text-danger {
  color: var(--chics-accent) !important;
}

.text-dark,
.text-secondary,
.text-muted {
  color: var(--chics-ink) !important;
  opacity: .72;
}

/* Tablas, modales y componentes cargados por AJAX */
.table,
.table td,
.table th,
.modal-body,
.dropdown-item {
  color: var(--chics-ink) !important;
}

.table thead th,
.table-striped tbody tr:nth-of-type(odd),
.table-hover tbody tr:hover,
.dropdown-item:hover,
.dropdown-item:focus,
.select2-results__option--highlighted,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
div.dt-container .dt-paging .dt-paging-button:hover {
  background: rgba(166, 61, 111, .08) !important;
  border-color: rgba(47, 37, 48, .16) !important;
  color: var(--chics-ink) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
div.dt-container .dt-paging .dt-paging-button.current,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--bootstrap4 .select2-results__option--highlighted {
  background: var(--chics-accent) !important;
  border-color: var(--chics-accent) !important;
  color: var(--chics-paper) !important;
}

.alert-primary,
.alert-success,
.alert-info,
.alert-warning,
.alert-danger {
  background: var(--chics-paper) !important;
  border-color: var(--chics-accent) !important;
  color: var(--chics-ink) !important;
}

/* Normaliza los paneles que antes usaban un color diferente por modulo. */
#module-content [class*="hero"],
#module-content [class*="panel"],
#module-content [class*="kpi"],
#module-content [class*="summary"],
#module-content [class*="strip"],
#module-content [class*="box"],
#module-content [class*="file"],
#module-content [class*="filter"],
#module-content [class*="sidebar"],
#module-content [class*="detail-item"],
#module-content [class*="section-title"],
#module-content [class*="option"] {
  background-color: var(--chics-paper) !important;
  border-color: rgba(47, 37, 48, .16) !important;
  color: var(--chics-ink) !important;
}

#module-content [class*="kpi"],
#module-content [class*="signal"],
#module-content [class*="summary"],
#module-content [class*="strip"] {
  border-left-color: var(--chics-accent) !important;
}

#module-content [class*="badge"],
#module-content [class*="status"],
#module-content [class*="pill"],
#module-content [class*="tag"] {
  background-color: var(--chics-accent) !important;
  border-color: var(--chics-accent) !important;
  color: var(--chics-paper) !important;
}

#module-content [class*="alert"],
#module-content [class*="error"],
#module-content [class*="warning"] {
  color: var(--chics-accent) !important;
}

#module-content h1,
#module-content h2,
#module-content h3,
#module-content h4,
#module-content h5,
#module-content h6,
#module-content p,
#module-content label,
#module-content th,
#module-content td,
#module-content small,
#module-content strong {
  color: var(--chics-ink) !important;
}

#module-content .badge,
#module-content .badge *,
#module-content [class*="status"],
#module-content [class*="status"] * {
  color: var(--chics-paper) !important;
}