:root{
  --radius-xs:4px;
  --radius-sm:6px;
  --radius-md:8px;    /* buttons, inputs, tool tiles */
  --radius-lg:12px;   /* panel cards, modals */
  --radius-xl:16px;
  --radius-2xl:24px;  /* marketing hero cards */
  --radius-pill:999px;/* switches, chart bars, status pills */

  --border-w:1px; /* @kind radius */
  --border-w-thick:2px; /* @kind radius */
  --chart-stroke:0.45cqw; /* @kind radius */      /* line series weight */
  --chart-stroke-thin:0.2cqw; /* @kind radius */  /* axis + gridline weight */
}