/*
 * rubros.css — TEMAS POR RUBRO COMERCIAL (Capa 3 del tema del sitio).
 * <SxRubroScope Rubro="…"> monta el scope [data-rubro]: re-tiñe --mx-color-primary/-dark/-on por
 * PROXIMIDAD (herencia de custom-props — gana el ancestro más cercano, sin pelea de especificidad).
 * El retoque del merchant llega como vars INLINE del mismo scope (inline > hoja: brand → rubro →
 * merchant sale gratis de la cascada). Gradientes y sombras del sitio son recetas que ya derivan de
 * --mx-color-primary en su punto de uso → se re-tiñen solas en el scope, sin re-declarar nada acá.
 * UNLAYERED (como el resto de los tokens): solo define custom-props, no pinta cajas.
 *
 * v14 (poda de la capa de sitio paralela): antes esto seteaba un token de sitio propio; ahora
 * pisa el UNIVERSAL --mx-color-primary del scope. Un solo vocabulario en todo el stack.
 */

/* ── Los 7 rubros del valle (espejo de merchant_type.seed.json; accent como dato = P1) ──
   Cada rubro define SOLO la tríada primary/-dark/-on; lo compuesto (gradiente/sombra) se re-deriva
   solo en el punto de uso. Rubro desconocido → ninguna regla matchea → queda la identidad de :root. */
.sx-rubro[data-rubro="dulceria"]     { --mx-color-primary: #E84A80; --mx-color-primary-dark: #C13567; --mx-color-primary-on: #ffffff; }
.sx-rubro[data-rubro="papeleria"]    { --mx-color-primary: #2563EB; --mx-color-primary-dark: #1D4FC4; --mx-color-primary-on: #ffffff; }
.sx-rubro[data-rubro="taqueria"]     { --mx-color-primary: #E0452C; --mx-color-primary-dark: #B93A24; --mx-color-primary-on: #ffffff; }
.sx-rubro[data-rubro="servicios"]    { --mx-color-primary: #0E9488; --mx-color-primary-dark: #0B7A70; --mx-color-primary-on: #ffffff; }
.sx-rubro[data-rubro="floreria"]     { --mx-color-primary: #D6249F; --mx-color-primary-dark: #AB1D80; --mx-color-primary-on: #ffffff; }
.sx-rubro[data-rubro="boutique"]     { --mx-color-primary: #7C3AED; --mx-color-primary-dark: #6429C8; --mx-color-primary-on: #ffffff; }
.sx-rubro[data-rubro="inmobiliaria"] { --mx-color-primary: #1D6F8B; --mx-color-primary-dark: #145163; --mx-color-primary-on: #ffffff; }