/* Generado por diseno/scripts/tokens.py: no se edita a mano.
   El vidrio de la suite (doc 08 §2; doc 04 §7). Va después de tokens.css.
     class="qs-vidrio"                      barras y avisos
     class="qs-vidrio qs-vidrio--fuerte"    hojas y diálogos
   Capas, de arriba abajo: el tinte (para que el texto se lea con blanco o
   negro detrás), el brillo, tamizado por el tinte, y el relleno. Respaldo
   opaco (superficie-3, el mismo borde, sin desenfoque) sin soporte de
   backdrop-filter, con prefers-reduced-transparency: reduce y con
   <html data-vidrio="solido">. Todo selector lleva .qs-vidrio y nada
   anima backdrop-filter. */

.qs-vidrio {
  background:
    linear-gradient(var(--qs-vidrio-tinte), var(--qs-vidrio-tinte)),
    var(--qs-vidrio-brillo),
    var(--qs-vidrio-relleno);
  -webkit-backdrop-filter: blur(var(--qs-vidrio-desenfoque)) saturate(170%);
  backdrop-filter: blur(var(--qs-vidrio-desenfoque)) saturate(170%);
  box-shadow: var(--qs-vidrio-borde), var(--qs-sombra-3);
}

.qs-vidrio.qs-vidrio--fuerte {
  background:
    linear-gradient(var(--qs-vidrio-tinte), var(--qs-vidrio-tinte)),
    var(--qs-vidrio-brillo),
    var(--qs-vidrio-relleno-fuerte);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .qs-vidrio,
  .qs-vidrio.qs-vidrio--fuerte {
    background: var(--qs-superficie-3);
  }
}

@media (prefers-reduced-transparency: reduce) {
  .qs-vidrio,
  .qs-vidrio.qs-vidrio--fuerte {
    background: var(--qs-superficie-3);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

:root[data-vidrio='solido'] .qs-vidrio {
  background: var(--qs-superficie-3);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}