/* Elevation is carried by hairline borders first, shadow second.
   Every shadow is tinted with ink, never neutral black. */
:root{
  --shadow-0:none;
  --shadow-1:0 1px 2px rgba(30,17,71,.06);
  --shadow-2:0 2px 8px -2px rgba(30,17,71,.10), 0 1px 2px rgba(30,17,71,.05);
  --shadow-3:0 12px 32px -10px rgba(30,17,71,.18), 0 2px 6px rgba(30,17,71,.06);
  --shadow-4:0 32px 64px -20px rgba(30,17,71,.28);
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.6);
  --ring-focus:0 0 0 3px rgba(46,123,246,.32);
  --ring-signal:0 0 0 3px rgba(168,220,31,.42);
  --scrim:rgba(18,10,43,.56);
  --blur-panel:saturate(140%) blur(14px); /* @kind other */
}