/*
  Paleta de la marca, tomada de la captura de su web.
  Confirmada por la clienta. index.html la usa a través de sus variables.
*/
:root {
  /* Principal: barra del menú y botón BUSCAR */
  --color-principal: #F61300;
  /* Secundario: rojo oscuro de los precios y "CYBER PC" (aprox., texto con antialiasing) */
  --color-secundario: #B52A2B;

  /* Fondo de la página */
  --color-fondo: #FFFFFF;
  /* Fondo alterno: barra superior de horarios */
  --color-fondo-alt: #FCFBFC;

  /* Texto principal: títulos de producto */
  --color-texto: #333333;
  /* Texto secundario: especificaciones y precio regular */
  --color-texto-suave: #929292;

  /* Texto de párrafos: gris del breadcrumb de su web. Más legible que
     --color-texto-suave en fondo blanco (contraste 6.6:1 vs 3.1:1) */
  --color-texto-medio: #5D5D5D;

  /* Extras vistos en la captura */
  --color-negro: #000000;  /* etiqueta "GAMING" */
  --color-borde: #ECECEC;  /* línea bajo el breadcrumb */
}