/* ========================================================================== 
   PROMESA DESIGN SYSTEM
   ANIMATIONS
   ========================================================================== */

@media (prefers-reduced-motion: no-preference) {
  .pb-reveal {
    opacity: 0;
    transform: translateY(18px);
    animation: pbReveal 700ms var(--pb-ease) forwards;
  }

  .pb-reveal-delay-1 { animation-delay: 120ms; }
  .pb-reveal-delay-2 { animation-delay: 220ms; }
  .pb-reveal-delay-3 { animation-delay: 320ms; }
}

@keyframes pbReveal {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ========================================================================== 
   PROMESA DESIGN SYSTEM
   UTILITIES
   ========================================================================== */

.pb-muted { color: var(--pb-color-muted); }
.pb-green { color: var(--pb-color-green); }
.pb-gold { color: var(--pb-color-gold); }
.pb-bg-paper { background: var(--pb-color-paper); }
.pb-bg-green { background: var(--pb-color-green); color: #fff; }
.pb-rounded-xl { border-radius: var(--pb-radius-xl); }
.pb-hidden { display: none !important; }

.pb-mt-0 { margin-top: 0; }
.pb-mt-3 { margin-top: var(--pb-space-3); }
.pb-mt-5 { margin-top: var(--pb-space-5); }
.pb-mt-7 { margin-top: var(--pb-space-7); }

.pb-text-balance { text-wrap: balance; }