Typography
Five dimensions, one table each. The three -app / -design families are the two halves of a merge that never finished — colour carries the same split between the design language and what Tailwind brought with it.
font-family
10 tokens — 7 house, 1 inert, 2 vendor.
- Ag
--font-bodysystem-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" - Ag
--font-family-app-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif - Ag
--font-family-design"MuseoSansRounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" - Ag
--font-mona"Mona Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" - Ag
--font-mono"SFMono-Regular", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Consolas, Courier, monospace - Ag
--font-sans-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' - Ag
--font-serifui-serif, Georgia, Cambria, 'Times New Roman', Times, serif - Ag
--icon-font"Font Awesome 7 Pro" - Ag
--pre-font-appConsolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace - Ag
--pre-font-designSFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
| token | light | dark | verdict | resolves through |
|---|---|---|---|---|
--font-body | system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" | same | house | declared directly (tailwind-theme.css:211) |
--font-family-app | -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif | same | house | declared directly (variables.css:33) |
--font-family-design | "MuseoSansRounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" | same | house | declared directly (variables.css:30) |
--font-mona | "Mona Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" | same | inert | declared directly (tailwind-theme.css:207) |
--font-mono | "SFMono-Regular", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Consolas, Courier, monospace | same | house | declared directly (tailwind-theme.css:214) |
--font-sans | -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--font-serif | ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--icon-font | "Font Awesome 7 Pro" | same | house | declared directly (variables.css:40) |
--pre-font-app | Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace | same | house | declared directly (variables.css:39) |
--pre-font-design | SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace | same | house | declared directly (variables.css:35) |
font-size
35 tokens — 8 house, 14 inert, 13 vendor.
- Ag
--font-size-2xl1.5rem / 2rem - Ag
--font-size-3xl1.75rem / 2rem - Ag
--font-size-4xl2rem / 2.25rem - Ag
--font-size-5xl2.5rem - Ag
--font-size-6xl3rem - Ag
--font-size-7xl3.5rem - Ag
--font-size-8xl4rem - Ag
--font-size-app14px - Ag
--font-size-app-huge22px - Ag
--font-size-app-large16px - Ag
--font-size-app-small13px - Ag
--font-size-app-tiny12px - Ag
--font-size-base1rem / 1.5rem - Ag
--font-size-design16px - Ag
--font-size-design-large19px - Ag
--font-size-design-small13px - Ag
--font-size-lg1.125rem / 1.75rem - Ag
--font-size-ms0.8125rem / 1.25rem - Ag
--font-size-sm0.875rem / 1.25rem - Ag
--font-size-xl1.25rem / 1.75rem - Ag
--font-size-xs0.75rem / 1rem - Ag
--font-size-xxs0.675rem - Ag
--text-2xl1.5rem - Ag
--text-3xl1.875rem - Ag
--text-4xl2.25rem - Ag
--text-5xl3rem - Ag
--text-6xl3.75rem - Ag
--text-7xl4.5rem - Ag
--text-8xl6rem - Ag
--text-9xl8rem - Ag
--text-base1rem - Ag
--text-lg1.125rem - Ag
--text-sm0.875rem - Ag
--text-xl1.25rem - Ag
--text-xs0.75rem
| token | light | dark | verdict | resolves through |
|---|---|---|---|---|
--font-size-2xl | 1.5rem / 2rem | same | inert | declared directly (tailwind-theme.css:224) |
--font-size-3xl | 1.75rem / 2rem | same | inert | declared directly (tailwind-theme.css:225) |
--font-size-4xl | 2rem / 2.25rem | same | inert | declared directly (tailwind-theme.css:226) |
--font-size-5xl | 2.5rem | same | inert | declared directly (tailwind-theme.css:227) |
--font-size-6xl | 3rem | same | inert | declared directly (tailwind-theme.css:228) |
--font-size-7xl | 3.5rem | same | inert | declared directly (tailwind-theme.css:229) |
--font-size-8xl | 4rem | same | inert | declared directly (tailwind-theme.css:230) |
--font-size-app | 14px | same | house | declared directly (variables.css:57) |
--font-size-app-huge | 22px | same | house | declared directly (variables.css:61) |
--font-size-app-large | 16px | same | house | declared directly (variables.css:60) |
--font-size-app-small | 13px | same | house | declared directly (variables.css:59) |
--font-size-app-tiny | 12px | same | house | declared directly (variables.css:58) |
--font-size-base | 1rem / 1.5rem | same | inert | declared directly (tailwind-theme.css:221) |
--font-size-design | 16px | same | house | declared directly (variables.css:52) |
--font-size-design-large | 19px | same | house | declared directly (variables.css:51) |
--font-size-design-small | 13px | same | house | declared directly (variables.css:53) |
--font-size-lg | 1.125rem / 1.75rem | same | inert | declared directly (tailwind-theme.css:222) |
--font-size-ms | 0.8125rem / 1.25rem | same | inert | declared directly (tailwind-theme.css:219) |
--font-size-sm | 0.875rem / 1.25rem | same | inert | declared directly (tailwind-theme.css:220) |
--font-size-xl | 1.25rem / 1.75rem | same | inert | declared directly (tailwind-theme.css:223) |
--font-size-xs | 0.75rem / 1rem | same | inert | declared directly (tailwind-theme.css:218) |
--font-size-xxs | 0.675rem | same | inert | declared directly (tailwind-theme.css:217) |
--text-2xl | 1.5rem | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--text-3xl | 1.875rem | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--text-4xl | 2.25rem | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--text-5xl | 3rem | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--text-6xl | 3.75rem | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--text-7xl | 4.5rem | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--text-8xl | 6rem | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--text-9xl | 8rem | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--text-base | 1rem | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--text-lg | 1.125rem | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--text-sm | 0.875rem | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--text-xl | 1.25rem | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--text-xs | 0.75rem | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
font-weight
15 tokens — 6 house, 9 vendor.
- Ag
--font-weight-black900 - Ag
--font-weight-bold700 - Ag
--font-weight-bold-appbold - Ag
--font-weight-bold-design600 - Ag
--font-weight-extrabold800 - Ag
--font-weight-extralight200 - Ag
--font-weight-light300 - Ag
--font-weight-light-applighter - Ag
--font-weight-light-design200 - Ag
--font-weight-medium500 - Ag
--font-weight-normal400 - Ag
--font-weight-normal-appnormal - Ag
--font-weight-normal-design400 - Ag
--font-weight-semibold600 - Ag
--font-weight-thin100
| token | light | dark | verdict | resolves through |
|---|---|---|---|---|
--font-weight-black | 900 | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--font-weight-bold | 700 | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--font-weight-bold-app | bold | same | house | declared directly (variables.css:48) |
--font-weight-bold-design | 600 | same | house | declared directly (variables.css:45) |
--font-weight-extrabold | 800 | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--font-weight-extralight | 200 | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--font-weight-light | 300 | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--font-weight-light-app | lighter | same | house | declared directly (variables.css:46) |
--font-weight-light-design | 200 | same | house | declared directly (variables.css:43) |
--font-weight-medium | 500 | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--font-weight-normal | 400 | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--font-weight-normal-app | normal | same | house | declared directly (variables.css:47) |
--font-weight-normal-design | 400 | same | house | declared directly (variables.css:44) |
--font-weight-semibold | 600 | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--font-weight-thin | 100 | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
line-height
7 tokens — 1 house, 1 inert, 5 vendor.
- Aa
Aa--leading-loose2 - Aa
Aa--leading-normal1.5 - Aa
Aa--leading-relaxed1.625 - Aa
Aa--leading-snug1.375 - Aa
Aa--leading-tight1.25 - Aa
Aa--line-height-design1.5 - Aa
Aa--line-height-tighter1.15
| token | light | dark | verdict | resolves through |
|---|---|---|---|---|
--leading-loose | 2 | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--leading-normal | 1.5 | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--leading-relaxed | 1.625 | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--leading-snug | 1.375 | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--leading-tight | 1.25 | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--line-height-design | 1.5 | same | house | declared directly (variables.css:54) |
--line-height-tighter | 1.15 | same | inert | declared directly (tailwind-theme.css:468) |
letter-spacing
6 tokens — 6 vendor.
- Ag
--tracking-normal0em - Ag
--tracking-tight-0.025em - Ag
--tracking-tighter-0.05em - Ag
--tracking-wide0.025em - Ag
--tracking-wider0.05em - Ag
--tracking-widest0.1em
| token | light | dark | verdict | resolves through |
|---|---|---|---|---|
--tracking-normal | 0em | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--tracking-tight | -0.025em | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--tracking-tighter | -0.05em | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--tracking-wide | 0.025em | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--tracking-wider | 0.05em | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |
--tracking-widest | 0.1em | same | vendor | declared directly (tailwindcss@4.3.3/theme.css) |