chore: initial project scaffolding

- Tauri v2 + React + TypeScript (Vite)
- Tailwind CSS v4 via @tailwindcss/vite
- Zustand for state management
- Design system: tokens.css, fonts, icons
- tauri.conf.json: solstice, 900x640, min 700x520
- global.css imports tokens and Tailwind

1 files changed, 12 insertions, 0 deletions

diff --git a/src/App.tsx b/src/App.tsx
new file mode 100644
index 0000000..a6e3249
--- /dev/null
+++ b/src/App.tsx
@@ -0,0 +1,12 @@
+function App() {
+  return (
+    <main className="flex items-center justify-center min-h-screen">
+      <div className="text-center">
+        <h1 className="font-display text-fg-1 text-4xl mb-2">Solstice</h1>
+        <p className="text-fg-3">Pomodoro timer with ambient soundscapes.</p>
+      </div>
+    </main>
+  );
+}
+
+export default App;