:root{
  --radius:0.5rem;            /* the base token (globals.css)      */
  --radius-sm:0.375rem;       /* rounded-md — buttons, inputs      */
  --radius-md:0.5rem;
  --radius-lg:0.75rem;        /* rounded-xl — cards                */
  --radius-xl:1rem;           /* rounded-2xl — dropdown panels     */
  --radius-2xl:1.5rem;        /* rounded-3xl — story / hero cards  */
  --radius-composer:28px;     /* the chat composer, exactly 28px   */
  --radius-full:9999px;       /* pills, CTAs, avatars, badges      */
}