/*
 * Tema "Florence": paleta "mood" evaluada ayer (parchment/dusty powder-blue/
 * dusty rose muestreados del diagrama de Nightingale de 1858 + coffee/matcha/
 * blueberry/ink de la dirección personal de Favio). Colores de rol usados
 * directo, sin recalcular - ya tenían buen contraste tal cual:
 *   primary   #6B4226  coffee (8.6:1 con blanco)
 *   secondary #4E4376  blueberry (8.8:1 con blanco)
 *   info      #A9BEC7  dusty powder-blue (bajo contraste con blanco, 1.9:1 -
 *             texto oscuro)
 *   success   #8A9B6E  matcha (bajo contraste con blanco, 3.0:1 - texto oscuro)
 * parchment/ink no se usan como color de rol - son tonos de superficie/texto,
 * no se tocó --bs-body-bg ni --bs-body-color en este alcance (queda como
 * posible detalle futuro).
 * warning/danger quedan con los valores de flatly.
 *
 * Tipografía: Vollkorn (Google Fonts, SIL OFL) para headings y navbar-brand -
 * el toque "Gutenberg/manuscrito" del tema. No se usa Homemade Apple (manuscrita)
 * para nada estructural, por riesgo de legibilidad - queda anotado como posible
 * detalle decorativo futuro, no en este alcance.
 *
 * Nota: la paleta de gráfico de este theme (CHART_THEMES.florence en
 * public/js/views/dashboard.js) recalcula estos mismos 5 matices "mood" con
 * más chroma/luminosidad ajustada - los tonos originales leen como gris en un
 * gráfico y fallan separación por daltonismo (son deliberadamente apagados).
 *
 * Solo afecta a document.documentElement[data-theme-brand="florence"].
 */

:root[data-theme-brand="florence"] {
  --bs-primary: #6b4226;
  --bs-primary-rgb: 107, 66, 38;
  --bs-primary-text-emphasis: #2b1a0f;
  --bs-primary-bg-subtle: #e1d9d4;
  --bs-primary-border-subtle: #c4b3a8;

  --bs-secondary: #4e4376;
  --bs-secondary-rgb: 78, 67, 118;
  --bs-secondary-text-emphasis: #1f1b2f;
  --bs-secondary-bg-subtle: #dcd9e4;
  --bs-secondary-border-subtle: #b8b4c8;

  --bs-info: #a9bec7;
  --bs-info-rgb: 169, 190, 199;
  --bs-info-text-emphasis: #444c50;
  --bs-info-bg-subtle: #eef2f4;
  --bs-info-border-subtle: #dde5e9;

  --bs-success: #8a9b6e;
  --bs-success-rgb: 138, 155, 110;
  --bs-success-text-emphasis: #373e2c;
  --bs-success-bg-subtle: #e8ebe2;
  --bs-success-border-subtle: #d0d7c5;

  --bs-link-color: var(--bs-primary);
  --bs-link-color-rgb: var(--bs-primary-rgb);
  --bs-link-hover-color: #56351e;
  --bs-link-hover-color-rgb: 86, 53, 30;
}

:root[data-theme-brand="florence"][data-bs-theme="dark"] {
  --bs-primary-text-emphasis: #a68e7d;
  --bs-primary-bg-subtle: #150d08;
  --bs-primary-border-subtle: #402817;

  --bs-secondary-text-emphasis: #958ead;
  --bs-secondary-bg-subtle: #100d18;
  --bs-secondary-border-subtle: #2f2847;

  --bs-info-text-emphasis: #cbd8dd;
  --bs-info-bg-subtle: #222628;
  --bs-info-border-subtle: #657277;

  --bs-success-text-emphasis: #b9c3a8;
  --bs-success-bg-subtle: #1c1f16;
  --bs-success-border-subtle: #535d42;

  --bs-link-color: #a68e7d;
  --bs-link-color-rgb: 166, 142, 125;
  --bs-link-hover-color: #bba694;
  --bs-link-hover-color-rgb: 187, 166, 148;
}

/* Headings y marca con el serif de época - el resto de la UI (botones, forms,
   texto de cuerpo) se queda en la tipografía sans-serif normal del sitio para
   no arriesgar legibilidad. */
:root[data-theme-brand="florence"] h1,
:root[data-theme-brand="florence"] h2,
:root[data-theme-brand="florence"] h3,
:root[data-theme-brand="florence"] h4,
:root[data-theme-brand="florence"] h5,
:root[data-theme-brand="florence"] h6,
:root[data-theme-brand="florence"] .navbar-brand {
  font-family: 'Vollkorn', Georgia, 'Times New Roman', serif;
}

/* 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="florence"] .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6b4226;
  --bs-btn-border-color: #6b4226;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5b3820;
  --bs-btn-hover-border-color: #56351e;
  --bs-btn-focus-shadow-rgb: 107, 66, 38;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #56351e;
  --bs-btn-active-border-color: #50311c;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6b4226;
  --bs-btn-disabled-border-color: #6b4226;
}

:root[data-theme-brand="florence"] .btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #4e4376;
  --bs-btn-border-color: #4e4376;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #423964;
  --bs-btn-hover-border-color: #3e365e;
  --bs-btn-focus-shadow-rgb: 78, 67, 118;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3e365e;
  --bs-btn-active-border-color: #3a3258;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4e4376;
  --bs-btn-disabled-border-color: #4e4376;
}

/* info: texto oscuro - el dusty powder-blue #a9bec7 da solo 1.9:1 con blanco */
:root[data-theme-brand="florence"] .btn-info {
  --bs-btn-color: #262d2f;
  --bs-btn-bg: #a9bec7;
  --bs-btn-border-color: #a9bec7;
  --bs-btn-hover-color: #262d2f;
  --bs-btn-hover-bg: #90a2a9;
  --bs-btn-hover-border-color: #87989f;
  --bs-btn-focus-shadow-rgb: 169, 190, 199;
  --bs-btn-active-color: #262d2f;
  --bs-btn-active-bg: #87989f;
  --bs-btn-active-border-color: #7e8e95;
  --bs-btn-disabled-color: #262d2f;
  --bs-btn-disabled-bg: #a9bec7;
  --bs-btn-disabled-border-color: #a9bec7;
}

/* success: texto oscuro - el matcha #8a9b6e da solo 3.0:1 con blanco */
:root[data-theme-brand="florence"] .btn-success {
  --bs-btn-color: #1c2016;
  --bs-btn-bg: #8a9b6e;
  --bs-btn-border-color: #8a9b6e;
  --bs-btn-hover-color: #1c2016;
  --bs-btn-hover-bg: #75845e;
  --bs-btn-hover-border-color: #6e7c58;
  --bs-btn-focus-shadow-rgb: 138, 155, 110;
  --bs-btn-active-color: #1c2016;
  --bs-btn-active-bg: #6e7c58;
  --bs-btn-active-border-color: #677553;
  --bs-btn-disabled-color: #1c2016;
  --bs-btn-disabled-bg: #8a9b6e;
  --bs-btn-disabled-border-color: #8a9b6e;
}

:root[data-theme-brand="florence"] .btn-outline-primary {
  --bs-btn-color: #6b4226;
  --bs-btn-border-color: #6b4226;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6b4226;
  --bs-btn-hover-border-color: #6b4226;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6b4226;
  --bs-btn-active-border-color: #6b4226;
  --bs-btn-focus-shadow-rgb: 107, 66, 38;
  --bs-btn-disabled-color: #6b4226;
  --bs-btn-disabled-border-color: #6b4226;
}

:root[data-theme-brand="florence"] .btn-outline-secondary {
  --bs-btn-color: #4e4376;
  --bs-btn-border-color: #4e4376;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4e4376;
  --bs-btn-hover-border-color: #4e4376;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4e4376;
  --bs-btn-active-border-color: #4e4376;
  --bs-btn-focus-shadow-rgb: 78, 67, 118;
  --bs-btn-disabled-color: #4e4376;
  --bs-btn-disabled-border-color: #4e4376;
}

:root[data-theme-brand="florence"] .btn-outline-info {
  --bs-btn-color: #a9bec7;
  --bs-btn-border-color: #a9bec7;
  --bs-btn-hover-color: #262d2f;
  --bs-btn-hover-bg: #a9bec7;
  --bs-btn-hover-border-color: #a9bec7;
  --bs-btn-active-color: #262d2f;
  --bs-btn-active-bg: #a9bec7;
  --bs-btn-active-border-color: #a9bec7;
  --bs-btn-focus-shadow-rgb: 169, 190, 199;
  --bs-btn-disabled-color: #a9bec7;
  --bs-btn-disabled-border-color: #a9bec7;
}

:root[data-theme-brand="florence"] .btn-outline-success {
  --bs-btn-color: #8a9b6e;
  --bs-btn-border-color: #8a9b6e;
  --bs-btn-hover-color: #1c2016;
  --bs-btn-hover-bg: #8a9b6e;
  --bs-btn-hover-border-color: #8a9b6e;
  --bs-btn-active-color: #1c2016;
  --bs-btn-active-bg: #8a9b6e;
  --bs-btn-active-border-color: #8a9b6e;
  --bs-btn-focus-shadow-rgb: 138, 155, 110;
  --bs-btn-disabled-color: #1c2016;
  --bs-btn-disabled-border-color: #8a9b6e;
}

:root[data-theme-brand="florence"] .form-control:focus,
:root[data-theme-brand="florence"] .form-select:focus {
  border-color: #a9bec7;
  box-shadow: 0 0 0 0.25rem rgba(107, 66, 38, 0.25);
}

:root[data-theme-brand="florence"] .form-check-input:checked {
  background-color: #6b4226;
  border-color: #6b4226;
}

:root[data-theme-brand="florence"] .form-check-input:focus {
  border-color: #a9bec7;
  box-shadow: 0 0 0 0.25rem rgba(107, 66, 38, 0.25);
}

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