:root{
--radius-10:10px;   /* tag */
--radius-14:14px;   /* toggle button, small icon plate */
--radius-16:16px;   /* leaf card, banner, score summary */
--radius-18:18px;   /* category card, emotion option, art box */
--radius-20:20px;   /* feature card, action row, graph card */
--radius-22:22px;   /* tracker prompt card */
--radius-24:24px;   /* profile card, zone card, prompt bubble */
--radius-25:25px;   /* listen button (h50 pill) */
--radius-28:28px;   /* candy button (app), canvas view, option card */
--radius-30:30px;   /* candy button (game) */
--radius-32:32px;   /* achievement medal ring */
--radius-pill:100px;
--radius-circle:50%;

/* candy outline widths — inset rings, never CSS borders on candy surfaces */
--ring-1:1px;
--ring-1-5:1.5px;
--ring-2:2px;
--ring-2-5:2.5px;
--ring-3:3px;
}