/* ===========================================================================
 * elevation.css — shadows, glow, motion
 * Build output of design.md › elevation, glow, motion. Shadows are heavy so
 * they register on the dark navy field.
 * =========================================================================== */
:root {
  /* Elevation — must register on dark */
  --elev-e0: none;
  --elev-e1: 0 2px 8px rgba(0, 0, 0, 0.35);
  --elev-e2: 0 8px 28px rgba(0, 0, 0, 0.45);
  --elev-e3: 0 18px 60px rgba(0, 0, 0, 0.55);
  --elev-inset: inset 0 1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px 0 rgba(0, 0, 0, 0.4);

  /* Glow — system accent ONLY, never decorative */
  --blur-soft: blur(10px); /* @kind other */
  --blur-hard: blur(2px);  /* @kind other */
  --glow-accent: 0 0 0 1px var(--accent-line), 0 0 28px rgba(61, 139, 255, 0.35);
  --glow-accent-strong: 0 0 0 1px var(--accent), 0 0 44px rgba(61, 139, 255, 0.5);

  /* Motion — durations */
  --dur-fast: 200ms;  /* @kind other */
  --dur-base: 420ms;  /* @kind other */
  --dur-slow: 720ms;  /* @kind other */
  --dur-cine: 1100ms; /* @kind other */

  /* Motion — easing */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);    /* @kind other */
  --ease-inout:    cubic-bezier(0.65, 0, 0.35, 1);   /* @kind other */
  --ease-emphasis: cubic-bezier(0.2, 0.9, 0.1, 1);   /* @kind other */
}