/* Corner radii — restrained. The badge logo is the only true circle in the system. */
:root{
  --radius-none:0;
  --radius-xs:4px;
  --radius-sm:6px;    /* buttons, inputs */
  --radius-md:10px;   /* cards, photos, panels */
  --radius-lg:14px;   /* modals, hero search panel */
  --radius-xl:20px;
  --radius-pill:999px;/* tags, chips, status ribbons */
  --radius-circle:50%;

  --radius-button:var(--radius-sm);
  --radius-input:var(--radius-sm);
  --radius-card:var(--radius-md);
  --radius-media:var(--radius-md);
  --radius-modal:var(--radius-lg);
  --radius-tag:var(--radius-pill);

  --border-w-hairline:1px;
  --border-w-thick:2px;
  --border-w-accent:3px;  /* left/top brand rule on quote + highlight blocks */
}