:root{
  /* The brand is orthogonal: blocks butt against each other, corners stay square. */
  --radius-none:0px;
  --radius-xs:2px;
  --radius-card:0px;
  --radius-mockup:28px;   /* only device / app-surface mockups */
  --radius-pill:999px;
  --radius-circle:50%;

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

  /* Shadows are all but absent. Depth comes from colour blocks, not elevation. */
  --shadow-none:none;
  --shadow-mockup:0 40px 90px -40px rgba(22,22,22,.35);
  --scrim-photo:linear-gradient(180deg,rgba(22,22,22,.42) 0%,rgba(22,22,22,0) 45%);/* @kind color */
  --tint-sage:rgba(123,124,91,.72);   /* duotone wash over photography */
}