/*
 * LOS COLORES DE LA PÁGINA DE PRESENTACIÓN, y el único sitio donde se escriben.
 *
 * Es la página de venta de pagando, no una pantalla del producto: no lleva la marca de ningún
 * restaurante ni el modo oscuro del personal, y por eso no sale de `ui-system.css`. Igual que
 * aquel, este archivo define y los demás usan: la guardia de colores lo exime por nombre y muerde
 * en `presentacion.css`.
 */
:root {
  color-scheme: light;
  --pr-fondo: #fbf7f1;
  --pr-fondo-2: #f3ece1;
  --pr-tarjeta: #ffffff;
  --pr-tinta: #1d1a16;
  --pr-tinta-2: #5d554b;
  --pr-linea: #e6dccd;
  --pr-marca: #e2552b;
  --pr-marca-2: #f39a3d;
  --pr-sobre-marca: #ffffff;
  --pr-verde: #2f9e6b;
  --pr-cielo: #2b7fd1;
  --pr-ciruela: #6b3fa0;
  --pr-telefono: #111111;
  --pr-sombra: 0 18px 40px -18px rgba(60, 35, 10, 0.35);

  --pr-barra: color-mix(in srgb, var(--pr-fondo) 82%, transparent);
  --pr-halo: color-mix(in srgb, var(--pr-marca-2) 35%, transparent);
  --pr-check-fondo: color-mix(in srgb, var(--pr-verde) 15%, transparent);
  --pr-duele-fondo: color-mix(in srgb, #d33b3b 7%, var(--pr-tarjeta));
  --pr-medalla: rgba(255, 255, 255, 0.25);
  --pr-mapa-fondo: linear-gradient(180deg, var(--pr-fondo), #fff1e3);
  --pr-confianza-fondo: linear-gradient(135deg, #fff3e8, #fde4cf);
  --pr-degradado: linear-gradient(100deg, var(--pr-marca), var(--pr-marca-2));

  --pr-rojo: #d33b3b;
  --pr-rojo-fondo: color-mix(in srgb, #d33b3b 14%, transparent);
  --pr-ambar: #a77b06;
  --pr-ambar-fondo: color-mix(in srgb, #d9a417 18%, transparent);
  --pr-verde-fondo: color-mix(in srgb, var(--pr-verde) 15%, transparent);

  --pr-momento-1: linear-gradient(150deg, #e2552b, #f39a3d);
  --pr-momento-2: linear-gradient(150deg, #6b3fa0, #a06bd8);
  --pr-momento-3: linear-gradient(150deg, #2f9e6b, #69c79a);
  --pr-momento-4: linear-gradient(150deg, #b8860b, #e6bb3f);
  --pr-momento-5: linear-gradient(150deg, #2b7fd1, #6db0ef);
  --pr-momento-6: linear-gradient(150deg, #c2416b, #e57a9c);

  --pr-cuadro-1: linear-gradient(135deg, #e2a317, #f3c64d);
  --pr-cuadro-2: linear-gradient(135deg, #2f9e6b, #55c08d);
  --pr-cuadro-3: linear-gradient(135deg, #2b7fd1, #5aa4ea);
  --pr-cuadro-4: linear-gradient(135deg, #8a7f73, #ab9f92);

  --pr-whatsapp: #1f9d55;
  --pr-whatsapp-encima: #178046;
}