/* Shadows are warm-neutral, low-contrast and diffuse — never grey-blue or heavy.
   The brand guide forbids drop shadows on the logo; elevation belongs to UI only. */
:root{
  --shadow-none:none; /* @kind shadow */
  --shadow-hairline:0 0 0 1px var(--border-hairline);
  --shadow-xs:0 1px 2px rgba(23,36,38,.05);
  --shadow-sm:0 2px 6px rgba(23,36,38,.06);
  --shadow-md:0 6px 20px rgba(23,36,38,.08);
  --shadow-lg:0 16px 48px rgba(23,36,38,.10);
  --shadow-xl:0 28px 80px rgba(10,21,32,.16);
  --shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.6);
  --shadow-focus:0 0 0 2px var(--surface-page),0 0 0 4px var(--focus-ring);
  --shadow-focus-inverse:0 0 0 2px var(--js-deep-navy),0 0 0 4px var(--js-ocean-blue);
}