/* Grupo Esfera — sombras, glow, velos, texturas. */
:root{
  /* Sombra dura offset: única sombra institucional del sistema */
  --sombra-dura:8px 8px 0 var(--ge-negro);
  --sombra-dura-color:8px 8px 0 var(--accent);
  --sombra-sticker:0 12px 28px rgba(26,26,26,.18);
  --sombra-tarjeta:0 8px 24px rgba(26,26,26,.10);

  /* Glow: sólo para "resalte con glow", nunca en texto de cuerpo */
  --glow-accent:0 0 0 6px color-mix(in srgb, var(--accent) 28%, transparent);
  --glow-suave:0 0 48px color-mix(in srgb, var(--accent) 55%, transparent);

  /* Velos sobre foto: obligatorios si hay texto encima */
  --velo-accent:color-mix(in srgb, var(--accent) 78%, transparent);
  --velo-negro:rgba(26,26,26,.62);
  --velo-degradado:linear-gradient(180deg, rgba(26,26,26,0) 30%, rgba(26,26,26,.78) 100%); /* @kind color */

  /* Movimiento (previsualizaciones y prototipos; las piezas finales son estáticas) */
  --ease-ge:cubic-bezier(.2,.7,.2,1); /* @kind other */
  --dur-rapida:140ms; /* @kind other */ --dur-media:240ms; /* @kind other */

  /* Texturas de marca (línea/punto generativo, negro sobre transparente) */
  --textura-01:url("../assets/texturas/textura-01.png"); /* @kind other */
  --textura-02:url("../assets/texturas/textura-02.png"); /* @kind other */
  --textura-03:url("../assets/texturas/textura-03.png"); /* @kind other */
  --textura-04:url("../assets/texturas/textura-04.png"); /* @kind other */
  --textura-05:url("../assets/texturas/textura-05.png"); /* @kind other */
}