/* Elevation. The manual explicitly forbids shadows on the logo (§1.3), so
   shadow is a UI-only device: soft, purple-tinted, never grey-black. */
:root{
  --shadow-none:none;
  --shadow-xs:0 1px 2px rgba(15,0,36,.06);
  --shadow-sm:0 2px 8px rgba(15,0,36,.08);
  --shadow-md:0 8px 24px rgba(15,0,36,.10);
  --shadow-lg:0 20px 48px rgba(15,0,36,.14);
  --shadow-focus:0 0 0 3px rgba(106,13,253,.28);
  --shadow-focus-on-dark:0 0 0 3px rgba(0,195,185,.45);
  --border-hairline:1px solid var(--neutral-200); /* @kind other */
  --border-hairline-dark:1px solid rgba(255,255,255,.16); /* @kind other */
}