/* ============================================================
   SHAPES — Gallery Design System
   Radius grammars never mix. Pill = action. lg = utility card.
   sm = compact utility. md = the rare pearl capsule. 0 = tiles.
   ============================================================ */

:root {
  --radius-none: 0px;   /* full-bleed tiles — color change is the divider */
  --radius-xs: 5px;     /* inline chip links (rare) */
  --radius-sm: 8px;     /* dark utility buttons, inline card imagery */
  --radius-md: 11px;    /* pearl button capsules */
  --radius-lg: 18px;    /* store + accessory utility cards */
  --radius-pill: 9999px;/* primary blue CTA, search, config chips */
  --radius-full: 9999px;/* circular control chips over photography */
}