/* ==========================================================================
   Prism' — Shadow & motion tokens
   ========================================================================== */
:root {
  /* ---- Shadows (production) ---- */
  --shadow-soft: 0 2px 20px hsl(var(--navy-900) / 0.08);
  --shadow-card: 0 4px 25px hsl(var(--navy-900) / 0.06);
  --shadow-hero: 0 10px 40px hsl(var(--violet-600) / 0.25);
  --shadow-hover: 0 12px 32px hsl(var(--navy-900) / 0.14);

  /* ---- 2026 evolution: hairline-first, shadow only on hover/focus ---- */
  --border-hairline: 1px solid var(--hairline);
  --shadow-focus-ring: 0 0 0 2px hsl(var(--violet-600) / 0.2);

  /* ---- Motion ---- */
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55); /* @kind other */
  --duration-fast: 150ms; /* @kind other */
  --duration-base: 200ms; /* @kind other */
  --duration-legacy: 300ms; /* @kind other */
  --transition-smooth: all var(--duration-legacy) var(--ease-smooth); /* @kind other */
  --transition-evolved: opacity var(--duration-base) var(--ease-smooth), transform var(--duration-base) var(--ease-smooth); /* @kind other */

  /* ---- Blur (glass surfaces) ---- */
  --blur-header: 8px;
  --blur-panel: 12px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-smooth: none; /* @kind other */
    --transition-evolved: none; /* @kind other */
  }
}