rem
units to support proper font scaling, and assume a 16px
root font-size
.--scale-*
font-size
--scale-000
0.75rem
12px
--scale-00
0.875rem
14px
--scale-0
1rem
16px
--scale-1
1.125rem
18px
--scale-2
1.25rem
20px
--scale-3
1.5rem
24px
--scale-4
1.875rem
30px
--scale-5
2.25rem
36px
--scale-6
3rem
48px
--scale-7
3.75rem
60px
--scale-8
4.5rem
72px
--scale-9
6rem
96px
--scale-10
8rem
128px
--font-*
font-family
--font-sans
system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue
--font-serif
Georgia, Cambria, "Times New Roman", Times, serif
--font-mono
Consolas, Menlo, Monaco, "Liberation Mono", monospace
--weight-*
font-weight
--weight-light
300
--weight-regular
400
--weight-medium
500
--weight-semibold
600
--weight-bold
700
--weight-extrabold
800
--weight-black
900
--line-*
line-height
--line-none
1
--line-xs
1.25
--line-sm
1.275
--line-md
1.5
--line-lg
1.625
--line-xl
2
em
units relative to the text's size--letter-*
letter-spacing
--letter-xs
-0.05em
--letter-sm
-0.025em
--letter-none
0
--letter-lg
0.025em
--letter-xl
0.05em
--prose-*
max-width
--prose-xs
45ch
--prose-sm
55ch
--prose-md
65ch
--prose-lg
75ch
--prose-xl
85ch