/*
 * rubros.css — temas por rubro comercial (capa 3 del tema del sitio).
 * <SxRubroScope Rubro="…"> monta el scope [data-rubro], que re-tiñe --mx-color-primary/-dark/-on por proximidad
 * (gana el ancestro más cercano, sin pelea de especificidad). El retoque del comercio llega como vars inline del
 * mismo scope (inline > hoja). Gradientes y sombras derivan de --mx-color-primary en su punto de uso y se
 * re-tiñen solos. Sin capa, como el resto de los tokens: sólo define custom-props.
 */

/* ── Los 7 rubros del valle (espejo de merchant_type.seed.json) ──
   Cada rubro define sólo la tríada primary/-dark/-on. 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; }