Foundations
Shadows
Four elevation levels, tinted with the Kaptio primary teal for brand-consistent depth.
Shadows use rgba(3, 46, 54, ...) — derived from --forma-primary-800.
Small
--forma-shadow-sm
Subtle elevation. Buttons, inputs.
Medium
--forma-shadow-md
Default card shadow. Most containers.
Large
--forma-shadow-lg
Prominent elevation. Dropdowns, popovers.
Extra Large
--forma-shadow-xl
Modal, overlay elevation.
Border Radius
Six radius values from subtle rounding to full pills.
sm 0.25rem
md 0.5rem
lg 0.75rem
xl 1rem
2xl 1.5rem
full 9999px