/*
 * Brand palette (PRD §3) now lives in Tailwind's @theme block in
 * `app/assets/tailwind/application.css` as `--color-brand-*` tokens, which
 * generates the `bg-brand-*` / `text-brand-*` utility classes used across the
 * app and exposes matching CSS custom properties. That is the single swap
 * point for the theme — edit the hexes there.
 *
 * This file is retained for brand-specific CSS that isn't expressible as a
 * Tailwind utility (currently just the "saved" badge pop animation).
 */

/* One-shot "pop" applied to the Establish Scripts "Saved" badge when its
 * seed frame has just been re-rendered by a successful save. The animation
 * runs on element insertion (the turbo-stream replace creates a fresh
 * DOM node); on plain page-render the badge appears without the class,
 * so the pop doesn't fire on every navigation. Cubic-bezier overshoots
 * past 1.0 to give a small bouncy emphasis without feeling cartoonish. */
@keyframes scriptSavedPop {
  0%   { transform: scale(0.85); opacity: 0; }
  60%  { transform: scale(1.1);  opacity: 1; }
  100% { transform: scale(1);    opacity: 1; }
}
.script-saved-pop {
  animation: scriptSavedPop 350ms cubic-bezier(0.34, 1.56, 0.64, 1);
}