Snippet
HOSHI color tokens (CSS variables)
30+ semantic tokens (light + dark) used by Pixy Puala Classic. Drop into any project.
The HOSHI design-system colour tokens as plain CSS custom properties — the same values Pixy Puala Classic runs on. Drop into any project.
What’s in it
A tokens.css with 10 semantic tokens (brand, brand-deep, signal, ground, ground-raised, ground-deeper, text, text-mid, text-mute, line) on :root, with a prefers-color-scheme: dark override and AA-contrast notes.