/*
 * Glass — translucido, capas, blur. Oscuro y profundo, con superficies que
 * dejan ver el fondo detras. --color-superficie es semitransparente a
 * proposito: sin backdrop-filter (Safari viejo, o el usuario lo desactivo)
 * sigue siendo un panel oscuro legible, no una tarjeta invisible.
 */
:root[data-tema="glass"] {
  --esquema-color: dark;

  --color-fondo: linear-gradient(160deg, #0b0f1e 0%, #161334 55%, #0c1522 100%);
  --color-superficie: rgba(255, 255, 255, .07);
  --color-superficie-2: rgba(255, 255, 255, .11);
  --color-borde: rgba(255, 255, 255, .14);

  --color-texto: #f4f5fb;
  --color-texto-suave: #a2a7c0;

  --color-acento: #8b7bf0;
  --color-acento-texto: #fff;
  --color-acento-suave: rgba(139, 123, 240, .2);

  --color-ok: #0ca30c;
  --color-riesgo: #fab219;
  --color-bajo: #d03b3b;

  --radio-superficie: 18px;
  --radio-control: 12px;

  --sombra-superficie: 0 10px 34px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .07);
  --desenfoque-superficie: blur(20px) saturate(150%);

  --fuente: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}