:root{
  /* Softening pass (founder decision). Hard ceiling: nothing rectangular above 20px. */
  --radius-card:16px;     /* cards, panels, overlays */
  --radius-control:10px;  /* buttons, inputs, nested surfaces */
  --radius-check:6px;     /* checkboxes */
  --radius-badge:999px;   /* status badges */
  --radius-pill:999px;    /* segmented controls, status filters, category tags, radios */
  --border:1px solid var(--mist-100);
  --shadow-overlay:0 8px 24px rgba(23,32,27,0.12); /* overlays ONLY — never on cards */
  --focus-outline:2px solid var(--spruce);
  --focus-offset:2px;
  --emerge-duration:140ms; /* @kind other */
  --emerge-easing:linear;  /* @kind other */
  --hover-duration:150ms; /* @kind other */
  --panel-width:600px;
}