/* =============================================================================
   Pixelboop — Base reset, fonts & signature keyframes
   Imported last so it can rely on tokens. Keep RULES minimal here; this is the
   one place in the closure allowed to emit actual CSS (resets + @keyframes).
   ============================================================================= */

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  font-family: var(--pb-font-body);
  color: var(--pb-text);
  background-color: var(--pb-surface-page);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ---- Signature: animated rainbow gradient (CTAs, gradient text) ------------- */
@keyframes pb-gradient-shift {
  0%, 100% { background-position: 0% center; }
  50%      { background-position: 100% center; }
}

/* ---- Pixel "playing" pulse -------------------------------------------------- */
@keyframes pb-pulse {
  0%   { transform: scale(1);   filter: brightness(1.3); }
  50%  { transform: scale(1.1); filter: brightness(1.5); }
  100% { transform: scale(1);   filter: brightness(1.3); }
}

/* ---- Scroll-hint bounce ----------------------------------------------------- */
@keyframes pb-bounce {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(8px); }
}

/* ---- Reveal motions --------------------------------------------------------- */
@keyframes pb-slide-down {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes pb-fade-in-up {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ---- Ambient blob float (case-study heroes) --------------------------------- */
@keyframes pb-float {
  0%, 100% { transform: translate(0, 0); }
  50%      { transform: translate(50px, 50px); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}