Migrate ink tones, washi tones, mizu/ai/vermillion aliases, semantic feedback
aliases, full typography (font/text/leading/tracking/weight), spacing scale,
radius, motion (durations + easings + transition shorthands), z-index, layout
primitives, and circadian state vars from apps/web/src/index.css to
packages/design-system/tokens/semantic/dark.json.
apps/web/src/index.css :
- Removed ~125 lines of duplicate --sumi-* declarations (theme-independent only).
- Kept theme-tuned values (bg/surface/border/text/accent/error/sage/gold/kin/
shadow/glass/scrollbar/live) — different opacities and hex per theme.
- Kept --sumi-patina-warmth (runtime state) + --sumi-grain-opacity (theme-dep).
- Kept --duration-fast / --duration-normal (non-prefixed Tailwind aliases).
- Kept shadcn/Radix mapping + layout primitives (--header-height: 4rem etc.).
packages/design-system/tokens/ :
- primitive/color.json : added vermillion-ink (#a04050), ai (#2a4e68 indigo),
contextual accents (graffiti/gaming/terminal/sakura), alpha.ivory-08.
- semantic/dark.json : exhaustive expansion (~150 tokens) covering all the
--sumi-* vars deleted from index.css, plus glass/scrollbar/shadow/transition
shorthands authored as full CSS values where references aren't sufficient.
- semantic/light.json : minimal overrides (theme-specific only) + grain-opacity
override (0.06 vs dark 0.04).
Result :
- index.css : 1523 → 1398 LOC (-125, ~8% smaller).
- tokens.css : 245 → 379 LOC (+134, full coverage of theme-independent vars).
- vite build OK (14s). No visual regression — theme-tuned values intact.
Light theme block (lines ~259-329 in index.css) intentionally left for a future
commit : every override there is theme-tuned with subtle hex/opacity diffs
that don't yet have 1:1 mappings in tokens. Will be migrated when light.json
expands to match tuned values exactly.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
13bbcde32a