/* =========================================
   Override de colores institucionales
   Primary: #007580  | Secondary: #89CFE5
   ========================================= */

/* 1) Variables base (modo claro) */
:root,
[data-bs-theme="light"] {
  /* Base */
  --gk-primary: #007580;
  --gk-primary-rgb: 0,117,128;
  --gk-secondary: #89CFE5;
  --gk-secondary-rgb: 137,207,229;

  /* Links y foco */
  --gk-link-color: var(--gk-primary);
  --gk-link-color-rgb: 0,117,128;
  --gk-link-hover-color: #005E66;   /* tono más oscuro para hover */
  --gk-link-hover-color-rgb: 0,94,102;

  /* Borde/foco de inputs y anillo de enfoque */
  --gk-input-focus-border: var(--gk-primary);
  --gk-focus-ring-color: rgba(0,117,128,.25);

  /* Subtiles (opcional, para alerts/badges sutiles) */
  --gk-primary-bg-subtle:   #E0F2F4;
  --gk-primary-border-subtle:#B3E0E5;
  --gk-primary-text-emphasis:#00383D;

  --gk-secondary-bg-subtle:    #EFF9FD;
  --gk-secondary-border-subtle:#D7F0F9;
  --gk-secondary-text-emphasis:#2A6C80;
}

/* 2) Variables en modo oscuro (opcional: levanta un poco el brillo para contraste) */
[data-bs-theme="dark"] {
  --gk-primary: #24A0AC;
  --gk-primary-rgb: 36,160,172;

  --gk-secondary: #89CFE5;
  --gk-secondary-rgb: 137,207,229;
}

/* 3) Botones (el theme fija valores directos, reasignamos tokens) */
.btn-primary{
  --gk-btn-color:#fff;
  --gk-btn-bg:#007580;
  --gk-btn-border-color:#007580;
  --gk-btn-hover-bg:#00646D;
  --gk-btn-hover-border-color:#005E66;
  --gk-btn-focus-shadow-rgb:0,117,128;
  --gk-btn-active-bg:#005E66;
  --gk-btn-active-border-color:#00585F;
  --gk-btn-disabled-bg:#007580;
  --gk-btn-disabled-border-color:#007580;
}

.btn-outline-primary{
  --gk-btn-color:#007580;
  --gk-btn-border-color:#007580;
  --gk-btn-hover-bg:#007580;
  --gk-btn-hover-border-color:#007580;
  --gk-btn-focus-shadow-rgb:0,117,128;
  --gk-btn-active-bg:#007580;
  --gk-btn-active-border-color:#007580;
  --gk-btn-disabled-color:#007580;
  --gk-btn-disabled-border-color:#007580;
}

/* Botones secundarios */
.btn-secondary{
  --gk-btn-color:#0b3a45; /* texto más oscuro por accesibilidad */
  --gk-btn-bg:#89CFE5;
  --gk-btn-border-color:#89CFE5;
  --gk-btn-hover-bg:#6DBEDD;
  --gk-btn-hover-border-color:#6DBEDD;
  --gk-btn-focus-shadow-rgb:137,207,229;
  --gk-btn-active-bg:#5CB6D9;
  --gk-btn-active-border-color:#5CB6D9;
  --gk-btn-disabled-bg:#89CFE5;
  --gk-btn-disabled-border-color:#89CFE5;
}

.btn-outline-secondary{
  --gk-btn-color:#2A6C80;
  --gk-btn-border-color:#89CFE5;
  --gk-btn-hover-bg:#89CFE5;
  --gk-btn-hover-border-color:#89CFE5;
  --gk-btn-focus-shadow-rgb:137,207,229;
  --gk-btn-active-bg:#89CFE5;
  --gk-btn-active-border-color:#89CFE5;
}

/* 4) Controles con color “hardcodeado” en el theme original */
/* Checkboxes / radios: se ve #754ffe en el .min, lo sustituimos por PRIMARY */
.form-check-input:checked{
  background-color:#007580;
  border-color:#007580;
}

/* Selects y inputs en foco: el .min trae box-shadow con morado; forzamos el anillo a PRIMARY */
.form-select:focus,
.form-control:focus{
  box-shadow: 0 0 0 .25rem rgba(0,117,128,.25);
  border-color:#007580;
}

/* Range slider knob */
.form-range::-webkit-slider-thumb{ background-color:#007580; }
.form-range::-moz-range-thumb{    background-color:#007580; }

/* 5) Utilidades (por si alguna quedó con color fijo en el build original) */
.text-primary{ color:#007580 !important; }
.bg-primary{   background-color:#007580 !important; }

.text-secondary{ color:#89CFE5 !important; } /* Nota: si usas .text-secondary como “gris”, quizá no debas tocarla */
.bg-secondary{   background-color:#89CFE5 !important; }