/* Piel ESCOLAR — Maite (1° básico).
   Fondo crema (no blanco puro), alto contraste, todo enorme, Andika para
   que la 'a' y la 'g' sean de un solo piso como las que ve en el colegio. */

:root[data-piel="escolar"] {
  --fondo: #f7f1e0;
  --superficie: #fffdf6;
  --tinta: #33302a;
  --tinta-suave: #6f675b;
  --acento: #f6b93b;
  --acento-tinta: #4a3a10;
  --exito: #5fa84a;
  --borde: rgba(51,48,42,.14);
  --silaba-a: #d94f2b;
  --silaba-b: #1f6fb2;
  --fuente-lectura: 'Andika', system-ui, sans-serif;
  --fuente-interfaz: 'Andika', system-ui, sans-serif;
  --escala-lectura: 1;
  --toque-min: 72px;
  --mascota: #7fc7d9;
  --mascota-feliz: #ffd166;
  /* Textura discreta: puntitos finos y un par de brillos muy suaves en las
     esquinas. La versión anterior usaba manchas gigantes y competían con el
     contenido a leer, que es justo lo que no puede pasar en una app de lectura. */
  --fondo-textura:
    radial-gradient(circle at 20% 0%, rgba(255,255,255,.55), transparent 45%),
    radial-gradient(circle at 100% 100%, rgba(127,199,217,.10), transparent 40%),
    radial-gradient(rgba(51,48,42,.045) 1.1px, transparent 1.1px);
  --fondo-tamano: auto, auto, 22px 22px;
}