/* ==========================================================================
   SETProfile Brand Overrides — Manual de Marca SETCOLOMBIA
   Primary: #EAB631 (Gold/Amarillo)  |  Secondary: #6D6F72 (Gris)
   Font: Barlow (closest to AkzidenzGroteskBQ-Super)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&display=swap');

/* ── Typography ── */
:root,
[data-coreui-theme=light],
[data-coreui-theme=dark] {
  --cui-font-sans-serif: 'Barlow', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* ── Brand primary overrides (both themes) ── */
:root,
[data-coreui-theme=light] {
  --cui-primary: #EAB631;
  --cui-primary-rgb: 234, 182, 49;
  --cui-primary-text-emphasis: #b88a1a;
  --cui-primary-bg-subtle: #fdf3d7;
  --cui-primary-border-subtle: #f5d67a;
  --cui-link-color: #d4a020;
  --cui-link-color-rgb: 212, 160, 32;
  --cui-link-hover-color: #b88a1a;
  --cui-link-hover-color-rgb: 184, 138, 26;
  --cui-focus-ring-color: rgba(234, 182, 49, 0.25);
}

[data-coreui-theme=dark] {
  --cui-primary: #EAB631;
  --cui-primary-rgb: 234, 182, 49;
  --cui-primary-text-emphasis: #f0cc6a;
  --cui-primary-bg-subtle: #3a2e10;
  --cui-primary-border-subtle: #7a5f15;
  --cui-link-color: #EAB631;
  --cui-link-color-rgb: 234, 182, 49;
  --cui-link-hover-color: #f0cc6a;
  --cui-link-hover-color-rgb: 240, 204, 106;
  --cui-focus-ring-color: rgba(234, 182, 49, 0.25);
}

/* ══════════════════════════════════════════════════════════════════════════
   BUTTONS — direct property overrides (CoreUI recalculates CSS vars
   internally, so we must use !important on actual properties)
   ══════════════════════════════════════════════════════════════════════════ */

.btn-primary {
  background-color: #EAB631 !important;
  border-color: #EAB631 !important;
  color: #1A1D26 !important;
  font-weight: 600;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #d4a020 !important;
  border-color: #c8951a !important;
  color: #1A1D26 !important;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #c8951a !important;
  border-color: #b88a1a !important;
  color: #1A1D26 !important;
}
.btn-primary:disabled,
.btn-primary.disabled {
  background-color: #EAB631 !important;
  border-color: #EAB631 !important;
  color: #1A1D26 !important;
  opacity: 0.65;
}

.btn-outline-primary {
  color: #EAB631 !important;
  border-color: #EAB631 !important;
  background-color: transparent !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: #EAB631 !important;
  border-color: #EAB631 !important;
  color: #1A1D26 !important;
}
.btn-outline-primary:active,
.btn-outline-primary.active {
  background-color: #d4a020 !important;
  border-color: #d4a020 !important;
  color: #1A1D26 !important;
}

/* Dark theme buttons (same gold — CoreUI dark recalculates, so override) */
[data-coreui-theme=dark] .btn-primary {
  background-color: #EAB631 !important;
  border-color: #EAB631 !important;
  color: #1A1D26 !important;
}
[data-coreui-theme=dark] .btn-primary:hover,
[data-coreui-theme=dark] .btn-primary:focus {
  background-color: #d4a020 !important;
  border-color: #c8951a !important;
  color: #1A1D26 !important;
}
[data-coreui-theme=dark] .btn-outline-primary {
  color: #EAB631 !important;
  border-color: #EAB631 !important;
}
[data-coreui-theme=dark] .btn-outline-primary:hover,
[data-coreui-theme=dark] .btn-outline-primary:focus {
  background-color: #EAB631 !important;
  color: #1A1D26 !important;
}

/* ── Focus ring on btn-primary ── */
.btn-primary:focus,
.btn-primary:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(234, 182, 49, 0.5) !important;
}
.btn-outline-primary:focus,
.btn-outline-primary:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(234, 182, 49, 0.5) !important;
}

/* ── Sidebar brand ── */
.sidebar-brand-full {
  max-width: 160px !important;
}
.sidebar-brand-narrow img {
  border-radius: 4px;
}

/* ── Text/bg utilities ── */
.text-primary {
  color: #EAB631 !important;
}
.bg-primary {
  background-color: #EAB631 !important;
}
.border-primary {
  border-color: #EAB631 !important;
}

/* ── Form focus ── */
.form-control:focus,
.form-select:focus {
  border-color: #EAB631 !important;
  box-shadow: 0 0 0 0.25rem rgba(234, 182, 49, 0.25) !important;
}
.form-check-input:checked {
  background-color: #EAB631 !important;
  border-color: #EAB631 !important;
}

/* ── Sidebar active ── */
.sidebar-nav .nav-link.active {
  background: rgba(234, 182, 49, 0.15) !important;
  color: #EAB631 !important;
}
.sidebar-nav .nav-link.active .nav-icon {
  color: #EAB631 !important;
}

/* ── Nav pills ── */
.nav-pills .nav-link.active {
  background-color: #EAB631 !important;
  color: #1A1D26 !important;
}

/* ── Progress bar ── */
.progress-bar {
  background-color: #EAB631 !important;
}

/* ── Page link focus ── */
.page-link:focus {
  box-shadow: 0 0 0 0.25rem rgba(234, 182, 49, 0.25) !important;
}

/* ── Links ── */
a {
  color: #d4a020;
}
a:hover {
  color: #b88a1a;
}
[data-coreui-theme=dark] a {
  color: #EAB631;
}
[data-coreui-theme=dark] a:hover {
  color: #f0cc6a;
}

/* ── Badge primary ── */
.badge.bg-primary {
  background-color: #EAB631 !important;
  color: #1A1D26 !important;
}