/* ============================================================================
   tokens.css — preview de paletas para el directorio (dev / local)
   Sesión de diseño 2026-07-28. NO es producción — es para levantar en local y
   comparar direcciones de color con el selector (tokens-switcher.js).

   CÓMO FUNCIONA
   - El front ya define su paleta como CSS custom properties --po-color-* en :root
     (oasis/src/sass/base/_globals.scss). Este archivo se carga DESPUÉS de app.css y
     redefine esas variables según el atributo html[data-palette="..."].
   - Con data-palette="oasis" (o sin atributo) los valores = los ACTUALES → CERO cambio.
   - "sembra" (teal de la marca madre sembramedia.org) y "editorial" (pizarra + cálido)
     son las alternativas a comparar.

   REVERSIBLE: quitar el <link tokens.css> y el <script tokens-switcher.js> de
   templates/base.html y todo vuelve exactamente a como estaba.

   COBERTURA PARCIAL (honestidad): recolorea lo que usa var(--po-*): hero/fondo,
   botones, headings, accents, chips. NO cambia (están hardcodeados y requieren
   tocar código): los puntos del MAPA (#509ECF en src/js/viz/map-canvas-renderer.js),
   varios #fff/#f2f2f2 y algunos !important. Sirve para VER la dirección, no es el
   rediseño final.
   ============================================================================ */

/* Default = valores ACTUALES (sin cambios). Cargar tokens.css sin elegir paleta no altera nada. */
:root,
html[data-palette="oasis"]{
  --po-color-primary     : #509ECF;
  --po-color-accent      : #25CE9D;
  --po-color-sky         : #549ECF;
  --po-color-sky-light   : #9EBEE1;
  --po-color-indigo      : #509ECF;
  --po-color-horizon-blue: #D7E5F4;
  --po-color-blue        : #31519F;
  --po-font-blue         : #31519F;
  --po-blue-label        : #97CAEF;
  --po-btn-blue          : #0057A3;
  --po-search-box        : #D3DCF4;
}

/* Sembra — teal de la marca madre (sembramedia.org: #002F45 + cyan #37C2F3) */
html[data-palette="sembra"]{
  --po-color-primary     : #0A5876;
  --po-color-accent      : #0E8F87;
  --po-color-sky         : #0A5876;
  --po-color-sky-light   : #7FB6CC;
  --po-color-indigo      : #0A5876;
  --po-color-horizon-blue: #DBEAEF;
  --po-color-blue        : #002F45;
  --po-font-blue         : #002F45;
  --po-blue-label        : #6FBFD6;
  --po-btn-blue          : #002F45;
  --po-search-box        : #DCEBF0;
}

/* Editorial — pizarra sobria + un acento cálido (referente Ford Foundation) */
html[data-palette="editorial"]{
  --po-color-primary     : #B5562C;
  --po-color-accent      : #3E7C63;
  --po-color-sky         : #8E4220;
  --po-color-sky-light   : #D8B79E;
  --po-color-indigo      : #8E4220;
  --po-color-horizon-blue: #F0ECE6;
  --po-color-blue        : #232A33;
  --po-font-blue         : #232A33;
  --po-blue-label        : #C79A7E;
  --po-btn-blue          : #8E4220;
  --po-search-box        : #F1EDE7;
}