Radius & Shadow
The Figma file defines a corner radius scale, two border weights, and opacity tokens used for scrims and hover washes — no dedicated elevation/shadow scale exists yet.
Radius
none
0px
Dividers, full-bleed media, table cells.
xs
4px
Chips, thumbnails, inline tags.
sm
8px
Inputs, small buttons, compact tiles.
md
12px
Default panel rounding — most used value in the file.
lg
16px
Cards: video-card, accordion.
xl
20px
Large cards: Course Card, testimonial-card.
2xl
24px
Hero panels, mega-panel, modal surfaces.
pill
999px
Fully rounded at any height. Button, tab, pill.
Border weight
hairline
1px
Default UI border: cards, inputs, dividers.
strong
2px
Emphasis border: Course Card, selected states.
Opacity
scrim
0.5
Backdrop behind mobile nav overlay and modals.
disabled
0.4
Disabled controls that keep their own color.
veil
0.08
Subtle hover/pressed wash over a surface.
border-on-dark
0.1
Hairlines on dark surfaces.