Border widths, radii, and elevation shadows.

Border Radius

Token Description
--ed-border-radius-sm Subtle rounding
--ed-border-radius-md Default rounding
--ed-border-radius-lg Prominent rounding
--ed-border-radius-pill Fully rounded (pill shape)
--ed-border-radius-circle Perfect circle

Border Width

Token Description
--ed-border-width-sm Thin border
--ed-border-width-md Default border
--ed-border-width-lg Thick/emphasized border

Box Shadows

Eddie provides elevation shadow tokens:

Token Usage
--ed-shadow-sm Subtle elevation (cards)
--ed-shadow-md Medium elevation (dropdowns)
--ed-shadow-lg High elevation (modals, overlays)

Usage

.my-element { border: var(--ed-border-width-sm) solid var(--ed-theme-color-border-default); border-radius: var(--ed-border-radius-md); box-shadow: var(--ed-shadow-sm); }