:root{
  /* Hairline-first elevation: borders carry structure, shadow is a whisper */
  --shadow-0:none;
  --shadow-1:0 1px 2px rgba(16,24,40,.06);
  --shadow-2:0 2px 6px rgba(16,24,40,.07),0 1px 2px rgba(16,24,40,.05);
  --shadow-3:0 8px 20px rgba(16,24,40,.09),0 2px 5px rgba(16,24,40,.05);
  --shadow-4:0 20px 44px rgba(16,24,40,.14);
  --shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.06);
  --ring-focus:0 0 0 3px rgba(44,116,169,.28);
  --overlay-scrim:rgba(8,13,24,.56);
  --blur-panel:saturate(140%) blur(12px); /* @kind other */
}