CSS block preview sample

Primary Action
Input Surface
Subtle Surface

Token and spacing effects appear here.

h1 { font-size: 3rem;    font-weight: 700; line-height: 1.1; letter-spacing: -0.03em; }
h2 { font-size: 2.25rem; font-weight: 600; line-height: 1.2; letter-spacing: -0.02em; }
h3 { font-size: 1.75rem; font-weight: 500; line-height: 1.3; }
h4 { font-size: 1.25rem; font-weight: 500; line-height: 1.4; }
h5 { font-size: 1rem;    font-weight: 500; line-height: 1.5; }
h6 { font-size: 0.875rem;font-weight: 500; line-height: 1.5; }

p       { font-size: 1rem;     line-height: 1.65; font-weight: 300; }
.caption { font-size: 0.75rem; line-height: 1.5;  color: var(--muted); }