/* La identidad visual de la tienda (CU-CFG-VIS). Sólo las cuatro variables
   `--tienda-*` del modo público y el fondo; el backoffice no las lee. */
.modo-publico {
  --tienda-primario: #FF6A13;
  --tienda-secundario: #9A9AA5;
  --tienda-acento: #FF6A13;
  --tienda-fondo: #0A0A0C;
  --tienda-sobre-primario: #0A0A0C;
  /* El mapa de colores (B-17-019): qué color de la paleta lleva cada parte. */
  --rol-boton: var(--tienda-primario);
  --rol-boton-sobre: #0A0A0C;
  --rol-boton-texto: #FF6A13;
  --rol-enlaces: var(--tienda-acento);
  --rol-enlaces-sobre: #0A0A0C;
  --rol-enlaces-texto: #FF6A13;
  --rol-precios: var(--texto-fuerte);
  --rol-precios-sobre: var(--fondo);
  --rol-precios-texto: var(--texto-fuerte);
  --rol-marcas: var(--tienda-acento);
  --rol-marcas-sobre: #0A0A0C;
  --rol-marcas-texto: #FF6A13;
  --rol-titulos: var(--tienda-acento);
  --rol-titulos-sobre: #0A0A0C;
  --rol-titulos-texto: #FF6A13;
  --rol-tarjetas: var(--tienda-acento);
  --rol-tarjetas-sobre: #0A0A0C;
  --rol-tarjetas-texto: #FF6A13;
  --rol-encabezado: var(--tienda-fondo);
  --rol-encabezado-sobre: #FFFFFF;
  --rol-encabezado-texto: #FFFFFF;
}