/*
 * Suave — clay, sombras difusas, superficies mate. Claro, calido, redondeado.
 * Los colores de estado (ok/riesgo/bajo) NO se redefinen aca: son fijos en
 * todos los temas, para que un gauge en rojo siga leyendose como alarma sin
 * importar el tema (ver dataviz skill, paleta de estado).
 */
:root[data-tema="suave"] {
  --esquema-color: light;

  --color-fondo: #f4efe7;
  --color-superficie: #fffdf9;
  --color-superficie-2: #ece3d3;
  --color-borde: #e3d8c4;

  --color-texto: #2c2620;
  --color-texto-suave: #83786a;

  --color-acento: #d97757;
  --color-acento-texto: #fff9f5;
  --color-acento-suave: rgba(217, 119, 87, .14);

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

  --radio-superficie: 22px;
  --radio-control: 14px;

  --sombra-superficie: 0 14px 32px -16px rgba(90, 66, 30, .28), 0 2px 8px rgba(90, 66, 30, .07);
  --desenfoque-superficie: none;

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