/* Elevation: the v4 hand-off's three shadows (--sh-sm, --sh-md, --sh-lg), spelled over the
   scheme's shade roles in colors.css. The light scheme drops a soft ink shade and rings
   the surface in a 1px hairline (--shade-ring); the dark scheme lights the top edge with a
   1px inset (--shade-inset) over a black drop. sm is the resting card and tile, md the
   raised card, menu and floating chrome, lg the overlay. The legacy steps alias the three:
   the default is sm, xl is lg. src/style/shadow.ts spells the same ladder (webShadow). */
:root{
  --shadow-none:none;
  --shadow-sm:inset 0px 1px 0px 0px var(--shade-inset),0px 1px 2px 0px var(--shade),0px 0px 0px 1px var(--shade-ring);
  --shadow-md:inset 0px 1px 0px 0px var(--shade-inset),0px 12px 32px -10px var(--shade-md),0px 0px 0px 1px var(--shade-ring);
  --shadow-lg:inset 0px 1px 0px 0px var(--shade-inset),0px 30px 80px -16px var(--shade-lg),0px 0px 0px 1px var(--shade-ring);
  --shadow:var(--shadow-sm);
  --shadow-xl:var(--shadow-lg);
  /* Focus: the hand-off's 4px halo in the accent's ring alpha, flush with the control. */
  --ring-width:2px;
  --ring-offset:2px;
}