/* ================================================================
   KFB Compartido — los colores de los planes
   v3 · 24/10/2026

   Canu, 24/10 (en la sesión de Gastro, con la escalera de los tres a la
   vista): los planes de la familia se llaman igual y cada NOMBRE tiene su
   color, el mismo en todos los productos. «Sí, así los colores».

     Gastro  CARTA · CAJA · SALON · PRO · NEG · FULL
     Tienda          CAJA · SALON · PRO ·       FULL   (en su base desde la 307)
     Kiosco          CAJA · SALON ·             FULL   (hoy en su base BAS · STD · FULL)

   FULL es siempre el plan más completo de ese producto: «más completo que
   kiosco no puede haber; tiene que ser una despensa o un almacén».

   ESCALERA (del más importante al de entrada):
     FULL   dorado
     NEG    violeta
     PRO    azul
     SALON  verde agua
     CAJA   gris azulado
     CARTA  gris piedra
   Sin rojo y sin verde puro: en las pantallas ya significan «sin pagar» y
   «activo».

   Contraste del texto sobre su propio fondo (el color al 12 % encima de la
   superficie), fórmula WCAG, medido el 24/10:
                oscuro #1a1a1a  tarjeta #242424  claro #faf9f7
     FULL        7,19            6,30             4,86
     NEG         6,04            5,33             5,85
     PRO         6,36            5,59             5,19
     SALON       6,68            5,88             5,10
     CAJA        6,64            5,83             5,83
     CARTA       5,79            5,14             5,67
   Un tema con otra superficie (el marrón de Kiosco) mide de nuevo.

   (Historia del mismo 24/10: la v1 traía esta escalera con equivalencias por
   escalón; la v2 dejó sólo el dorado de FULL cuando Canu aclaró «el BAS no es
   el PRO»; la v3 vuelve a los seis porque los nombres pasaron a ser los mismos.)

   CÓMO SE USA: cada producto COPIA este archivo (no lo importa en vivo) y
   `node verificar.js <carpeta>` controla por hash que la copia esté al día.
   Un cambio de color se hace ACÁ y baja a los tres.
   ================================================================ */

:root {
  --plan-full-texto:  #d9b77e;  --plan-full-borde:  rgba(217,183,126,.40);  --plan-full-fondo:  rgba(217,183,126,.12);
  --plan-neg-texto:   #bd9ae6;  --plan-neg-borde:   rgba(189,154,230,.38);  --plan-neg-fondo:   rgba(189,154,230,.12);
  --plan-pro-texto:   #7fb2ec;  --plan-pro-borde:   rgba(127,178,236,.38);  --plan-pro-fondo:   rgba(127,178,236,.12);
  --plan-salon-texto: #5cc4b2;  --plan-salon-borde: rgba(92,196,178,.38);   --plan-salon-fondo: rgba(92,196,178,.12);
  --plan-caja-texto:  #a9b4c0;  --plan-caja-borde:  rgba(169,180,192,.36);  --plan-caja-fondo:  rgba(169,180,192,.12);
  --plan-carta-texto: #aaa59b;  --plan-carta-borde: rgba(170,165,155,.34);  --plan-carta-fondo: rgba(170,165,155,.12);
}

/* Tienda nombra el tema en castellano (`data-tema`); los otros dos, `data-theme`.
   Tienda lo pone siempre, también cuando manda el sistema (su js/tema.js). */
html[data-theme="light"],
html[data-tema="claro"] {
  --plan-full-texto:  #7a5f2c;  --plan-full-borde:  rgba(122,95,44,.40);    --plan-full-fondo:  rgba(122,95,44,.12);
  --plan-neg-texto:   #6a3fa3;  --plan-neg-borde:   rgba(106,63,163,.36);   --plan-neg-fondo:   rgba(106,63,163,.12);
  --plan-pro-texto:   #1f5ea8;  --plan-pro-borde:   rgba(31,94,168,.36);    --plan-pro-fondo:   rgba(31,94,168,.12);
  --plan-salon-texto: #0e6b5f;  --plan-salon-borde: rgba(14,107,95,.36);    --plan-salon-fondo: rgba(14,107,95,.12);
  --plan-caja-texto:  #4a5866;  --plan-caja-borde:  rgba(74,88,102,.34);    --plan-caja-fondo:  rgba(74,88,102,.12);
  --plan-carta-texto: #5c5850;  --plan-carta-borde: rgba(92,88,80,.32);     --plan-carta-fondo: rgba(92,88,80,.12);
}