:root{
  /* Hairline rules do the work shadows would do elsewhere. */
  --border-width:1px;
  --rule:1px solid var(--border-hairline);
  --rule-soft:1px solid var(--border-soft);

  /* Squares stay square. Only pills round. */
  --radius-none:0px;
  --radius-pill:999px;

  --shadow-none:none;
}