:root {
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-card: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 24px 60px rgba(124, 58, 237, 0.20);
  --shadow-button: 0 10px 24px rgba(124, 58, 237, 0.20);
  --shadow-glow-purple-sm: 0 0 20px rgba(124, 58, 237, 0.3);
  --shadow-glow-purple-lg: 0 0 40px rgba(124, 58, 237, 0.6);

  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --duration-fast: 150ms; /* @kind other */
  --duration-base: 300ms; /* @kind other */
  --duration-slow: 800ms; /* @kind other */
}

@keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes floatY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes pulseGlow { 0%, 100% { box-shadow: var(--shadow-glow-purple-sm); } 50% { box-shadow: var(--shadow-glow-purple-lg); } }
@keyframes blinkFade { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }