Radius & Blur

4 radius levels and 4 blur levels used in surfaces and the header.

Border radius

--radius-100 2px

--radius-200 4px

--radius-400 8px

--radius-full 9999px

Used via backdrop-filter: blur(var(--blur-*)) on floating surfaces.

--blur-100 10px

--blur-200 20px

--blur-300 30px

--blur-400 42px