Wires VITE_LUMOTIA_QUIETWARE=1 to set <html data-design="quietware">
via a $effect in src/routes/+layout.svelte. Without the flag the
runtime app behaves exactly as v0.2; with the flag the v0.3 token
overrides in src/design-system/v0.3-quietware-tokens.css activate.
Hot-reload safety: if the env var is unset between dev rebuilds, the
attribute is cleared so devs do not see a stuck quietware surface.
Activation paths:
VITE_LUMOTIA_QUIETWARE=1 npm run dev (development)
VITE_LUMOTIA_QUIETWARE=1 npm run build (production)
Or manually via dev tools: <html data-design="quietware">
Combine with data-theme="light" (existing v0.2 theme wiring) and
data-contrast="high" (existing v0.2 contrast wiring) to reach the
light and high-contrast quietware modes.
Smallest possible PR. No new dependencies. No bundle-size impact in
the off path. No component changes. Plan doc updated to mark Phase 2
as landed.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Jake
a9972f76bb