:root{
  --radius-button:6px;
  --radius-chip:6px;
  --radius-logo-plate:8px;
  --radius-card:10px;         /* every card, panel, banner and media frame */
  --radius-scroll-hint:12px;
  --radius-pill:999px;
  --radius-capsule-right:0 6px 6px 0; /* @kind radius */  /* flush-left image capsule */

  --rule-accent:4px; /* @kind spacing */          /* color rule under a room card image */
  --rule-quote:2px; /* @kind spacing */           /* colored left border on a pull quote */
  --focus-ring:2px; /* @kind spacing */           /* outline width, e.g. the featured plan card */
}