/* Trellis radii, shadows, motion. The brand is flat and hairline-ruled; shadow is rare and soft. */
:root{
  --radius-none:0px;
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:16px;
  --radius-xl:28px;
  --radius-pill:999px;
  --radius-circle:50%;

  --border-width:1px; /* @kind spacing */
  --border-width-strong:2px; /* @kind spacing */

  --shadow-none:none;
  --shadow-sm:0 1px 2px rgba(20,20,18,.06);
  --shadow-md:0 6px 20px -8px rgba(20,20,18,.14);
  --shadow-lg:0 24px 56px -24px rgba(20,20,18,.24);
  --shadow-focus:0 0 0 3px rgba(11,82,184,.32);

  --blur-veil:14px; /* @kind other */
  --veil-light:rgba(243,244,237,.72); /* @kind color */
  --veil-dark:rgba(20,20,18,.56); /* @kind color */

  --ease-standard:cubic-bezier(.32,.72,.28,1); /* @kind other */
  --ease-exit:cubic-bezier(.4,0,1,1); /* @kind other */
  --duration-fast:120ms; /* @kind other */
  --duration-base:200ms; /* @kind other */
  --duration-slow:420ms; /* @kind other */

  --grain-opacity:.5; /* @kind other */
}