/* Horizontal spacing + icon sizing ramps, verbatim from the guide artboard. */
:root{
  --spa-xxs:5px;--spa-xs:8px;--spa-s:10px;--spa-m:20px;--spa-l:30px;--spa-xl:40px;
  --icon-xxxs:5px;--icon-xxs:13px;--icon-xs:18px;--icon-s:20px;--icon-m:24px;--icon-l:32px;--icon-xl:42px;
  --radius-none:0px;--radius-small:8px;--radius-field:5px;--radius-card:10px;--radius-pill:999px;
  --shadow-card:0 2px 10px rgba(0,0,0,0.06);
  --shadow-raised:0 4px 14px rgba(20,56,152,0.10);
  --shadow-swatch:83px 44px 45px -19px rgb(217,220,223);
}