:root{
  --elevation-0:none;
  --elevation-1:0px 4px 4px 0px rgba(212,212,212,.25);        /* cards, course tiles */
  --elevation-2:0px 2px 5px 0px rgba(0,0,0,.10);              /* dropdowns */
  --elevation-3:0px 4px 10px 0px rgba(0,0,0,.10);             /* popovers, sticky bars */
  --elevation-4:0px 8px 24px 0px rgba(149,157,165,.18);       /* modals, drawers */
  --shadow-xs:0px 1px 1px 1px rgba(198,198,198,.20);
  --shadow-drop:0px 4px 14px 0px rgba(219,219,219,.25);
  --shadow-focus:var(--focus-ring);
}