:root{
  /* Almost everything is square. Radius is reserved for pills and the punto. */
  --radius-none:0;--radius-xs:2px;--radius-sm:3px;--radius-md:6px;--radius-pill:999px;--radius-circle:50%;

  --border-hairline:1px solid var(--line-hairline);
  --border-strong:1px solid var(--line-strong);
  --border-inverse:1px solid var(--line-inverse);

  /* Shadows are warm-tinted and barely there */
  --shadow-none:none;
  --shadow-xs:0 1px 2px rgba(38,34,35,.05);
  --shadow-sm:0 2px 8px rgba(38,34,35,.06);
  --shadow-md:0 8px 24px rgba(38,34,35,.08);
  --shadow-lg:0 24px 60px rgba(38,34,35,.12);
  --shadow-inset-hairline:inset 0 0 0 1px var(--line-hairline);

  /* Protection gradient for type over photography */
  --scrim-bottom:linear-gradient(to top,rgba(26,23,24,.72) 0%,rgba(26,23,24,.28) 42%,rgba(26,23,24,0) 78%); /* @kind other */
  --scrim-full:rgba(26,23,24,.38); /* @kind color */

  --blur-veil:saturate(120%) blur(14px); /* @kind other */
  --punto-size:7px; /* @kind spacing */
}