/* ============================================================
   MathMentor — Radius tokens.
   Pill marketing CTAs vs tight utility/field corners.
   ============================================================ */

:root {
  --rounded-xs: 4px;     /* form fields, small tags, inline chips */
  --rounded-sm: 5px;     /* menu items, list rows, status pills */
  --rounded-md: 8px;     /* utility/nav buttons, smaller cards */
  --rounded-lg: 12px;    /* feature cards, illustration frames */
  --rounded-xl: 16px;    /* large containers, image wells */
  --rounded-full: 9999px;/* marketing pill CTAs, badges, circular icons */
}