/* ===== Publish toast UI ===== */

:root{
  --ufo-primary:   #52e09d;
  --ufo-secondary: #0065cc;
  --ufo-accent:    #e26598;
  --ufo-ink:       #2A2B2A;
}

/* Token classes SOLO dentro del toast */
#publish-toast .text-primary   { color: var(--ufo-primary); }
#publish-toast .text-secondary { color: var(--ufo-secondary); }
#publish-toast .text-accent    { color: var(--ufo-accent); }

#publish-toast .bg-primary     { background-color: var(--ufo-primary); }
#publish-toast .bg-secondary   { background-color: var(--ufo-secondary); }
#publish-toast .bg-accent      { background-color: var(--ufo-accent); }

#publish-toast .border-primary   { border-color: var(--ufo-primary); }
#publish-toast .border-secondary { border-color: var(--ufo-secondary); }
#publish-toast .border-accent    { border-color: var(--ufo-accent); }

/* Animaciones toast */
#publish-toast.is-showing { display: block; }
#publish-toast .publish-toast-text {
  transform: translateY(10px) scale(.98);
  opacity: 0;
}
#publish-toast.is-showing .publish-toast-text {
  transform: translateY(0) scale(1);
  opacity: 1;
  transition: transform 600ms cubic-bezier(.2,.9,.2,1), opacity 500ms ease;
}
#publish-toast.is-fading {
  opacity: 0;
  transition: opacity 550ms ease;
  pointer-events: none;
}