/* ============================================================
   TERIAC — Radius tokens
   Generous, soft corners. Product cards sit at 16px; brand
   panels are pillowy (28px). Pills are fully round.
   ============================================================ */
:root {
  --radius-xs:    6px;
  --radius-sm:    8px;
  --radius-md:    12px;   /* inputs, buttons            */
  --radius-lg:    16px;   /* product cards              */
  --radius-xl:    20px;
  --radius-2xl:   28px;   /* brand panels               */
  --radius-pill:  999px;
}