/* Tommy Tunes — Effects: shadows, motion, focus */

:root {
  /* Shadows — subtle on dark, orange glow reserved for emphasis */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.4);
  --shadow-md:  0 6px 20px rgba(0,0,0,0.45);
  --shadow-lg:  0 18px 48px rgba(0,0,0,0.55);
  --shadow-inset: inset 0 1px 0 rgba(255,255,255,0.05);

  /* Signature: orange glow — used sparingly on primary CTAs / active state */
  --glow-accent: 0 8px 28px rgba(255,90,0,0.35);
  --glow-accent-sm: 0 0 0 4px var(--accent-soft);

  /* Motion — snappy, confident; a hint of bounce for "speels" */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);    /* @kind other */
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);    /* @kind other */
  --ease-pop:   cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */
}

/* Shared keyframes used by components (Button spinner, etc.) */
@keyframes tt-spin { to { transform: rotate(360deg); } }
@keyframes tt-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }