:root {
  /* ---- Sticker shadows: hard offset, no blur ---- */
  --shadow-pop-sm: 3px 3px 0 var(--diva-outline);
  --shadow-pop: 5px 5px 0 var(--diva-outline);
  --shadow-pop-lg: 8px 8px 0 var(--diva-outline);
  --shadow-pop-pink: 5px 5px 0 var(--diva-pink-deep);
  --shadow-pop-purple: 5px 5px 0 var(--diva-purple-deep);

  /* ---- Glow (neon sign moments — use sparingly) ---- */
  --glow-pink: 0 0 24px rgba(255, 46, 136, 0.55);
  --glow-yellow: 0 0 24px rgba(255, 210, 63, 0.5);

  /* ---- Motion ---- */
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --duration-fast: 120ms; /* @kind other */
  --duration-base: 200ms; /* @kind other */
  --duration-slow: 360ms; /* @kind other */

  /* ---- Press behavior: sticker squash ---- */
  --press-translate: 3px; /* element moves into its shadow on :active */
}