/* Elevation is nearly absent: a 1px --line does the work of a shadow almost
   everywhere. --shadow exists for the two things that float over content.
   On the dark ground, shadows are deep and diffuse rather than tinted.        */
:root{
  --shadow:0 2px 8px rgba(0,0,0,.34),0 18px 44px rgba(0,0,0,.46);
  --shadow-none:none;
  --border-hairline:1px solid var(--line); /* @kind other */
  --border-dashed:1px dashed var(--line); /* @kind other */
  --focus-ring:2px solid var(--accent); /* @kind other */
  --focus-offset:2px; /* @kind other */
  --blur-chrome:blur(12px); /* @kind other */
  --blur-badge:blur(6px); /* @kind other */
  --scrim-thumb:linear-gradient(0deg,rgba(4,5,7,.88),rgba(4,5,7,.34) 46%,transparent); /* @kind other */
  --hairline-inset:inset 0 1px 0 rgba(255,255,255,.03);
}
:root[data-theme="light"]{
  --shadow:0 2px 6px rgba(20,23,28,.04),0 12px 32px rgba(20,23,28,.05);
  --hairline-inset:inset 0 1px 0 rgba(255,255,255,.6);
}