tailwindcss 3.4.19 canonicalUtility-first CSS framework.
Design tokens bridged via CSS custom properties (KYM pattern).
Interfaces we consume
tailwind.config.tsextends the theme with our semantic color scale (bg,text,border,accent,state).src/app.cssowns the layer directives and any component-class shortcuts like.prose-doc.- Tokens live in
src/lib/styles/tokens.css; components stay theme-agnostic.
Assumptions we’re validating
- Tailwind 3.4 (not 4.x) — matches KYM and Nanda Node pins for cross-repo consistency.
- Design tokens live in `src/lib/styles/tokens.css` as CSS custom properties; Tailwind classes bridge to them (`bg-primary`, `text-muted`, `accent-dim`).
- Dark theme is default; `.light` class flip switches token values without changing component code.
- `prettier-plugin-tailwindcss` is incompatible with `prettier-plugin-svelte` on Svelte 5 — not installed. Revisit when compatible.
Live smoke
Tailwind processed a semantic class into a real background color
not yet measured
bg-primary
bg-secondary
bg-tertiary
bg-elevated
accent
state-success
state-warning
state-error