/* Anime genérico: rosa sakura + lavanda, formas redondeadas y juguetonas. */
:root[data-estilo="anime"] {
  --acento-2: #7c9fff;
  --radio: 24px;
  --radio-chico: 16px;
}
:root[data-estilo="anime"][data-tema="claro"] {
  --verde: #ff6fa5;
  --verde-claro: #ff96c1;
  --gris-100: #fff2f7;
  --gris-200: #ffe1ec;
  --superficie: #ffffff;
  --superficie-alta: #fff0f6;
  --texto: #2b0f1c;
  --borde-tarjeta: none;
  --sombra: 0 4px 14px rgba(255, 111, 165, .16), 0 10px 28px rgba(124, 159, 255, .12);
  --sombra-alta: 0 18px 44px rgba(255, 111, 165, .24);
}
:root[data-estilo="anime"][data-tema="oscuro"] {
  --verde: #ff8fbb;
  --verde-claro: #ffb0d2;
  --gris-100: #161320;
  --gris-200: #241f36;
  --superficie: #1e1a2c;
  --superficie-alta: #292239;
  --texto: #fbeaf3;
  --borde-tarjeta: none;
  --sombra: 0 4px 14px rgba(0, 0, 0, .4), 0 0 24px rgba(255, 143, 187, .18);
  --sombra-alta: 0 20px 50px rgba(0, 0, 0, .5);
}
:root[data-estilo="anime"] header.topbar {
  background-image: none;
  background: linear-gradient(120deg, var(--verde) 0%, var(--acento-2) 100%);
  color: #fff;
  box-shadow: none;
  border-bottom: none;
}
:root[data-estilo="anime"] header.topbar select,
:root[data-estilo="anime"] .boton-gestion { background: rgba(255, 255, 255, .22); color: #fff; border-color: rgba(255, 255, 255, .4); }
:root[data-estilo="anime"] nav.bottomnav a.activo { color: var(--verde); }