/* Shadows. Used sparingly — borders do most of the work. */
:root{
  --shadow-sm:0 1px 2px 0 rgb(0 0 0 / .05);
  --shadow-md:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);
  --shadow-lg:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);
  --shadow-xl:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);
  --shadow-glow-lime:0 0 30px -5px rgba(217,249,157,.4);
  --scrim:rgba(0,0,0,.6);
  --scrim-soft:rgba(24,24,27,.2);
  --blur-scrim:blur(4px); /* @kind other */
  --glass-fill:rgba(255,255,255,.1);
  --glass-border:rgba(255,255,255,.2);
  /* The dot grid behind dark surfaces */
  --dotgrid-image:radial-gradient(#fff 1px,transparent 1px); /* @kind other */
  --dotgrid-size-hero:10px 10px;
  --dotgrid-size-screen:20px 20px;
  --dotgrid-opacity:.1; /* @kind other */
}