Each chip is split: upper-left is the light value, lower-right
the dark one. Every token is defined on bare :root and redefined
under both prefers-color-scheme: dark and
[data-theme="dark"], so a page follows the system setting and an
explicit override both.
Type
Page title — 26px/650
Body — 15px, the system UI stack
Dense body and table cells — 13px
Note and caption — 12px muted
Section label — 11px caps
Numbers use font-variant-numeric: tabular-nums
everywhere they are compared down a column.
Components
Buttons and controls
Values
+4.6%−7.7%—62.2%−25.4+16.7
A gap takes the color of whichever model
is higher; under one point it renders muted instead.
Cards
Card title
72-59 · 99.8%
Body copy sits at 12.5px
with generous leading, because these carry two or three sentences of prose.
7:05 PMMLB.TV
HOU65-66 · L10 4-646.0%
NYY74-56 · L10 6-4>99.9%
Table
Team
W
L
Post
1d
Tampa Bay Rays
78
53
>99.9%
+0.7%
Seattle Mariners
63
69
22.0%
−9.3%
Class inventory
Every class the stylesheet defines, with how many declarations
each carries. Read out of style.css at render time, so this list
cannot drift from the file.