:root{
  --shadow-none:none;
  --shadow-xs:0 1px 2px rgba(10,11,13,.06);
  --shadow-sm:0 1px 3px rgba(10,11,13,.08), 0 1px 2px rgba(10,11,13,.04);
  --shadow-md:0 4px 12px rgba(10,11,13,.07), 0 1px 3px rgba(10,11,13,.05);
  --shadow-lg:0 12px 32px rgba(10,11,13,.10), 0 2px 8px rgba(10,11,13,.05);
  --shadow-float:0 24px 64px rgba(10,11,13,.12), 0 4px 12px rgba(10,11,13,.06);
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.6);
  /* Roles */
  --elevation-card:var(--shadow-sm);
  --elevation-card-hover:var(--shadow-md);
  --elevation-popover:var(--shadow-lg);
  --elevation-modal:var(--shadow-float);
  --elevation-mockup:var(--shadow-float);
  --overlay-scrim:rgba(10,11,13,.42);
  --blur-panel:saturate(140%) blur(12px); /* @kind other */
}