Scaffold design engineering playground

Next.js 16 + TypeScript + Tailwind v4 + Motion project showcasing
interface components built on semantic design tokens:

- Light/dark/system theming from one CSS variable set, with a
  pre-paint script so a saved theme never flashes
- Button, Switch and SegmentedControl with keyboard support, ARIA
  semantics and spring motion that respects reduced-motion
- Vitest + Testing Library tests, including a token-coverage test
- /tokens page documenting colour and motion tokens

Co-Authored-By: Claude Opus 5.5 <[email protected]>

.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts