/* Elevation system.
   Values transcribed from the Shadows page + effect tokens. The menu/modal
   layer uses the rgba(17,17,17,·) stack that dominates the file's shadow usage. */
:root {
  --shadow-xs: 0px 1px 2px 0px rgba(16,24,40,0.05);
  --shadow-container: 0px 14px 16px 0px rgba(0,0,0,0.06);
  --shadow-dialog: 0px 14px 16px 0px rgba(50,50,50,0.1);
  --shadow-menu: 0px 2px 8px 0px rgba(17,17,17,0.1), 0px 8px 16px 0px rgba(17,17,17,0.16);
  --shadow-skeuomorphic-inner: inset 0px 0px 0px 1px rgba(16,24,40,0.18), inset 0px -2px 0px 0px rgba(16,24,40,0.05);
}