:root{
  /* Shadows are cool and low-contrast on light surfaces; on dark sections
     elevation is carried by a 1px rgba(255,255,255,.10) hairline instead. */
  --shadow-none:none;
  --shadow-xs:0 1px 2px rgba(11,17,22,.06);
  --shadow-sm:0 2px 4px rgba(49,49,93,.10), 0 1px 2px rgba(0,0,0,.08);
  --shadow-md:0 5px 18px rgba(13,26,33,.10);
  --shadow-lg:5px 8.7px 20px rgba(0,0,0,.10);
  --shadow-xl:0 24px 60px rgba(11,17,22,.18);
  --shadow-copper:0 10px 30px rgba(180,134,109,.28);
  --shadow-inset-field:inset 0 0 0 1px rgba(230,237,242,0);
  --ring-focus:0 0 0 3px rgba(180,134,109,.35); /* @kind shadow */
  --ring-focus-cool:0 0 0 3px rgba(94,119,135,.32); /* @kind shadow */
  --hairline-on-dark:1px solid rgba(255,255,255,.10); /* @kind shadow */
}