R-{1-6} | border-radius: var(--r1)tovar(--r6) | Small rounded corner |
R-2 | border-radius: var(--r2); | Medium rounded corner |
R-3 | border-radius: var(--r3); | Large rounded corner |
R-4 | border-radius: var(--r4); | Extra-large rounded corner |
R-5 | border-radius: var(--r5); | Fully rounded corners (max size) |
R-circle | border-radius: 50%; | Perfect circle shape (used for avatars or icons) |
R-full | border-radius: 9999px; | Pill shape — fully rounded ends |
R-h{1-6} | border-radius: var(--rh1)tovar(--rh6) | Heading-specific corner styles (decorative) |
R-b{1-6} | border-radius: var(--rb1)tovar(--rb5) | Organic, blob-like shapes for playful UI |