Sombras duras
--pen-shadow-hard-xs, --pen-shadow-hard-sm, --pen-shadow-hard-md, --pen-shadow-hard-lg, --pen-shadow-hard-xl, --pen-shadow-hard-2xl, --pen-shadow-red, --pen-shadow-yellow
Tokens.
Tokens são a camada técnica do sistema. Eles consolidam o contrato de cores, sombras, bordas, raios e grid para garantir consistência entre docs, React, HTML/CSS e consumidores externos.
Bordas e raios
--pen-border-brand, --pen-border-brand-sm, --pen-border-brand-xs, --pen-radius-sm, --pen-radius-md, --pen-radius-lg, --pen-radius-xl, --pen-radius-2xl, --pen-radius-pill
Grid
--pen-grid-size, --pen-grid-on-red, --pen-grid-on-canvas