/* Three shadow styles exist in the file. The products use them on exactly
   three things: the Mobile Button inner surface, the active Field, and the
   Icon Button in its active state. Everything else separates with a 1px
   hairline border or a background step. See readme.md for the rule. */
:root{
  --shadow-ink:0px 4px 8px -2px rgba(18,17,13,0.04);
  --shadow-accent:0px 4px 8px -2px rgba(51,121,255,0.08);
  --shadow-raised:0px 4px 8px -2px rgba(36,34,25,0.06);
}