/*
 * Tema "Brisa" (antes "agua primaveral"): basado en 3 matices confirmados de
 * esa paleta - azul H≈235°, magentaRosa H≈325°, verdeCian H≈145° (todos con
 * saturación/luminosidad pareja en el original, ver
 * ACADEMICO/Siglo21/Cátedra/EstadísticaII/MAC2019/Lecturas/M1/gra/colores.R).
 * Los tonos originales son pasteles claros (pensados para acentos, no fondos
 * de botón) - dan muy poco contraste con texto blanco (ej. verdeCian original
 * #74f0a7 es 1.4:1 con blanco). Acá están recalculados más oscuros/saturados,
 * mismo matiz, para que sirvan como fondo de botón sólido:
 *   primary   #0074A8  azul oscurecido
 *   secondary #A9448F  magentaRosa oscurecido
 *   info      #5F97BC  tinte más claro del azul (info deriva de primary, no
 *             es un 4to matiz de marca - Brisa solo confirmó 3)
 *   success   #00763A  verdeCian oscurecido
 * info tiene bajo contraste con texto blanco (3.16) así que usa texto oscuro.
 * warning/danger quedan con los valores de flatly.
 *
 * Nota: la paleta de gráfico de este theme (CHART_THEMES.brisa en
 * public/js/views/dashboard.js) usa los mismos 3 matices pero con otros
 * valores de chroma/luminosidad (los de acá están afinados para contraste de
 * botón, los del gráfico para separación por daltonismo - son necesidades
 * distintas, validadas por separado).
 *
 * Solo afecta a document.documentElement[data-theme-brand="brisa"].
 */

:root[data-theme-brand="brisa"] {
  --bs-primary: #0074a8;
  --bs-primary-rgb: 0, 116, 168;
  --bs-primary-text-emphasis: #002e43;
  --bs-primary-bg-subtle: #cce3ee;
  --bs-primary-border-subtle: #99c7dc;

  --bs-secondary: #a9448f;
  --bs-secondary-rgb: 169, 68, 143;
  --bs-secondary-text-emphasis: #441b39;
  --bs-secondary-bg-subtle: #eedae9;
  --bs-secondary-border-subtle: #ddb4d2;

  --bs-info: #5f97bc;
  --bs-info-rgb: 95, 151, 188;
  --bs-info-text-emphasis: #263c4b;
  --bs-info-bg-subtle: #dfeaf2;
  --bs-info-border-subtle: #bfd5e4;

  --bs-success: #00763a;
  --bs-success-rgb: 0, 118, 58;
  --bs-success-text-emphasis: #002f17;
  --bs-success-bg-subtle: #cce4d8;
  --bs-success-border-subtle: #99c8b0;

  --bs-link-color: var(--bs-primary);
  --bs-link-color-rgb: var(--bs-primary-rgb);
  --bs-link-hover-color: #005d86;
  --bs-link-hover-color-rgb: 0, 93, 134;
}

:root[data-theme-brand="brisa"][data-bs-theme="dark"] {
  --bs-primary-text-emphasis: #66accb;
  --bs-primary-bg-subtle: #001722;
  --bs-primary-border-subtle: #004665;

  --bs-secondary-text-emphasis: #cb8fbc;
  --bs-secondary-bg-subtle: #220e1d;
  --bs-secondary-border-subtle: #652956;

  --bs-info-text-emphasis: #9fc1d7;
  --bs-info-bg-subtle: #131e26;
  --bs-info-border-subtle: #395b71;

  --bs-success-text-emphasis: #66ad89;
  --bs-success-bg-subtle: #00180c;
  --bs-success-border-subtle: #004723;

  --bs-link-color: #66accb;
  --bs-link-color-rgb: 102, 172, 203;
  --bs-link-hover-color: #8ac0d8;
  --bs-link-hover-color-rgb: 138, 192, 216;
}

/* Botones y formularios: Bootstrap fija estos colores como literales por variante
   (no heredan de --bs-primary etc.), así que hay que pisarlos explícitamente. */
:root[data-theme-brand="brisa"] .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0074a8;
  --bs-btn-border-color: #0074a8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00638f;
  --bs-btn-hover-border-color: #005d86;
  --bs-btn-focus-shadow-rgb: 0, 116, 168;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #005d86;
  --bs-btn-active-border-color: #00567d;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0074a8;
  --bs-btn-disabled-border-color: #0074a8;
}

:root[data-theme-brand="brisa"] .btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #a9448f;
  --bs-btn-border-color: #a9448f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #903a7a;
  --bs-btn-hover-border-color: #873672;
  --bs-btn-focus-shadow-rgb: 169, 68, 143;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #873672;
  --bs-btn-active-border-color: #7f3269;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #a9448f;
  --bs-btn-disabled-border-color: #a9448f;
}

/* info: texto oscuro - el tinte de azul #5f97bc da solo 3.16:1 con blanco */
:root[data-theme-brand="brisa"] .btn-info {
  --bs-btn-color: #14232c;
  --bs-btn-bg: #5f97bc;
  --bs-btn-border-color: #5f97bc;
  --bs-btn-hover-color: #14232c;
  --bs-btn-hover-bg: #5180a0;
  --bs-btn-hover-border-color: #4c7996;
  --bs-btn-focus-shadow-rgb: 95, 151, 188;
  --bs-btn-active-color: #14232c;
  --bs-btn-active-bg: #4c7996;
  --bs-btn-active-border-color: #47728c;
  --bs-btn-disabled-color: #14232c;
  --bs-btn-disabled-bg: #5f97bc;
  --bs-btn-disabled-border-color: #5f97bc;
}

:root[data-theme-brand="brisa"] .btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #00763a;
  --bs-btn-border-color: #00763a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #006431;
  --bs-btn-hover-border-color: #005e2e;
  --bs-btn-focus-shadow-rgb: 0, 118, 58;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #005e2e;
  --bs-btn-active-border-color: #00572a;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #00763a;
  --bs-btn-disabled-border-color: #00763a;
}

:root[data-theme-brand="brisa"] .btn-outline-primary {
  --bs-btn-color: #0074a8;
  --bs-btn-border-color: #0074a8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0074a8;
  --bs-btn-hover-border-color: #0074a8;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0074a8;
  --bs-btn-active-border-color: #0074a8;
  --bs-btn-focus-shadow-rgb: 0, 116, 168;
  --bs-btn-disabled-color: #0074a8;
  --bs-btn-disabled-border-color: #0074a8;
}

:root[data-theme-brand="brisa"] .btn-outline-secondary {
  --bs-btn-color: #a9448f;
  --bs-btn-border-color: #a9448f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #a9448f;
  --bs-btn-hover-border-color: #a9448f;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a9448f;
  --bs-btn-active-border-color: #a9448f;
  --bs-btn-focus-shadow-rgb: 169, 68, 143;
  --bs-btn-disabled-color: #a9448f;
  --bs-btn-disabled-border-color: #a9448f;
}

:root[data-theme-brand="brisa"] .btn-outline-info {
  --bs-btn-color: #5f97bc;
  --bs-btn-border-color: #5f97bc;
  --bs-btn-hover-color: #14232c;
  --bs-btn-hover-bg: #5f97bc;
  --bs-btn-hover-border-color: #5f97bc;
  --bs-btn-active-color: #14232c;
  --bs-btn-active-bg: #5f97bc;
  --bs-btn-active-border-color: #5f97bc;
  --bs-btn-focus-shadow-rgb: 95, 151, 188;
  --bs-btn-disabled-color: #5f97bc;
  --bs-btn-disabled-border-color: #5f97bc;
}

:root[data-theme-brand="brisa"] .btn-outline-success {
  --bs-btn-color: #00763a;
  --bs-btn-border-color: #00763a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00763a;
  --bs-btn-hover-border-color: #00763a;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00763a;
  --bs-btn-active-border-color: #00763a;
  --bs-btn-focus-shadow-rgb: 0, 118, 58;
  --bs-btn-disabled-color: #00763a;
  --bs-btn-disabled-border-color: #00763a;
}

:root[data-theme-brand="brisa"] .form-control:focus,
:root[data-theme-brand="brisa"] .form-select:focus {
  border-color: #5f97bc;
  box-shadow: 0 0 0 0.25rem rgba(0, 116, 168, 0.25);
}

:root[data-theme-brand="brisa"] .form-check-input:checked {
  background-color: #0074a8;
  border-color: #0074a8;
}

:root[data-theme-brand="brisa"] .form-check-input:focus {
  border-color: #5f97bc;
  box-shadow: 0 0 0 0.25rem rgba(0, 116, 168, 0.25);
}

/* El navbar de la app fuerza data-bs-theme="dark" sobre bg-primary (ver navbar.js). */
:root[data-theme-brand="brisa"] .navbar[data-bs-theme="dark"] {
  --bs-navbar-hover-color: #66ad89;
  --bs-navbar-active-color: #66ad89;
  --bs-navbar-brand-hover-color: #66ad89;
}