/* ============================================================
   LexLocal — Elevation & Shadows
   Soft, low-contrast, paper-like. No glow, no neon.
   Shadows are warm-tinted (navy/ink), never pure black.
   ============================================================ */

:root {
  --shadow-xs:  0 1px 2px rgba(14,29,53,0.05);
  --shadow-sm:  0 1px 3px rgba(14,29,53,0.07), 0 1px 2px rgba(14,29,53,0.04);
  --shadow-md:  0 4px 12px rgba(14,29,53,0.07), 0 2px 4px rgba(14,29,53,0.04);
  --shadow-lg:  0 12px 28px rgba(14,29,53,0.10), 0 4px 8px rgba(14,29,53,0.05);
  --shadow-xl:  0 24px 56px rgba(14,29,53,0.14), 0 8px 16px rgba(14,29,53,0.06);

  /* On dark surfaces */
  --shadow-dark: 0 16px 40px rgba(0,0,0,0.36);

  /* Hairline ring used in place of borders on white cards */
  --ring-hairline: 0 0 0 1px rgba(14,29,53,0.06);

  /* Focus rings (also in colors.css for convenience) */
  --shadow-focus: 0 0 0 3px rgba(0,167,123,0.28);

  /* Motion — calm, no bounce */
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1) /* @kind other */;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1) /* @kind other */;
  --dur-fast: 120ms /* @kind other */;
  --dur: 180ms /* @kind other */;
  --dur-slow: 280ms /* @kind other */;
}