:root{
  --radius-none:0px;
  --radius-sm:2px;
  --radius-pill:999px;   /* mascot chips only */

  --line-hairline:1px;
  --line-rule:2px;
  --line-heavy:4px;

  --border-hair:1px solid var(--border-hairline);
  --border-ink:1px solid var(--border-rule);
  --rule-ink:2px solid var(--border-rule);

  /* photography needs no fake depth: lines, not shadows */
  --shadow-none:none;
  --shadow-lift:0 18px 48px rgba(0,0,0,.22);   /* lightbox / dialog only */
  --scrim-bottom:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0) 62%); /* @kind color */
}