Overview

• InstallationAdd the package, import the global stylesheet and the fonts once, and wrap the app in `ClientProvider`.
• Color contractEvery component takes a `primary` and a `secondary` Radix scale, and colors its parts only through the `--primaryN`, `--secondaryN` and `--role-*` variables those scales publish.
• TokensEvery non-color value comes from Open Props, used as shipped, or from a `--ds-` extension. A `--ds-` token never holds a color.
• TypographySerif leads the system. Each of the four families has one job, and a change of family marks a hierarchy step before size does.