/* ============================================================
   Cyberfy — Border radius tokens
   Pill is the only button shape. Circle for icon buttons.
   ============================================================ */

:root {
  --radius-xs: 2px;    /* anchor/link decoration corners */
  --radius-sm: 6px;    /* chips, sub-nav tabs, sticky-note thumbs */
  --radius-md: 8px;    /* form inputs, list items, image frames */
  --radius-lg: 24px;   /* pricing cards, color-block sections */
  --radius-xl: 32px;   /* hero feature panels, oversized callouts */
  --radius-pill: 50px; /* all text CTAs */
  --radius-full: 9999px; /* circular icon buttons, checkmark glyphs */
}