/* ============================================================
   RADIUS
   ------------------------------------------------------------
   Full pill (9999px) is reserved for icon / action toggles ONLY.
   Rectangular buttons stay at 6px.
   ============================================================ */

:root {
  --radius-micro: 4px;     /* small interactive elements        */
  --radius-base: 6px;      /* buttons, inputs, nav menu         */
  --radius-comfortable: 8px;/* compact cards                    */
  --radius-card: 12px;     /* standard cards, images, templates */
  --radius-container: 16px;/* large containers, footer          */
  --radius-pill: 9999px;   /* action pills, icon buttons, toggles */
}