CSS block preview sample

Primary Action
Input Surface
Subtle Surface

Token and spacing effects appear here.

:root {
  --tracking-tighter: -0.05em;
  --tracking-tight:   -0.025em;
  --tracking-normal:   0em;
  --tracking-wide:     0.05em;
  --tracking-wider:    0.1em;
  --tracking-widest:   0.2em;
}

/* Usage */
.display-text { letter-spacing: var(--tracking-tighter); }
.label        { letter-spacing: var(--tracking-widest); text-transform: uppercase; }