GuidelinesGuidelinesCorner radius formula and named shadow tokens from the source platform.
Base --radius: 0.5rem (8px); every other step is derived from it. This platform's rounded-sm/md/lg utilities are pinned to these exact values in app/globals.css.
| Token | Formula | Result |
|---|---|---|
| lg | var(--radius) | 8px |
| md | calc(var(--radius) - 2px) | 6px |
| sm | calc(var(--radius) - 4px) | 4px |
.shadow-smooth
0px 0px 40px 0px #0000000a
.shadow-card
0px 6px 16px rgba(0,0,0,0.15), 0px -6px 8px rgba(0,0,0,0.1)
.shadow-sm-primary
0 0 45px 0 rgba(37,62,122,0.12)
.shadow-and-blur
0px 5px 11px 0px #8787871A, 0px 20px 20px 0px #87878717, 0px 45px 27px 0px #8787870D, 0px 81px 32px 0px #87878703, 0px 126px 35px 0px #87878700
