:root{
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:22px;
  --radius-pill:999px;

  --border-hair:1px solid var(--border-hairline);
  --border-ink:1.5px solid var(--border-strong);

  --shadow-none:none;
  --shadow-raise:0 1px 2px rgba(23,23,19,.05),0 8px 24px -12px rgba(23,23,19,.14);
  --shadow-card:0 2px 4px rgba(23,23,19,.04),0 18px 40px -20px rgba(23,23,19,.20);
  --shadow-inset-hair:inset 0 0 0 1px var(--border-hairline);

  --overlay-scrim:linear-gradient(to top,rgba(23,23,19,.62) 0%,rgba(23,23,19,0) 62%); /* @kind other */
  --overlay-warm:rgba(64,80,51,.08);

  --dur-fast:160ms; /* @kind other */
  --dur-mid:240ms; /* @kind other */
  --dur-slow:420ms; /* @kind other */
  --ease-out:cubic-bezier(.2,.7,.25,1); /* @kind other */
  --ease-in-out:cubic-bezier(.5,0,.2,1); /* @kind other */

  --blur-veil:saturate(140%) blur(14px); /* @kind other */
}