stage 1: design tokens and css foundation

Scope: add scoped TOTEM token variables and wire token CSS into launch without layout/callback changes.

Validation: py_compile + import app checks passed; stage acceptance gate passed.

app.py

@@ -260,6 +260,39 @@ footer { display: none !important; }
 }
 """
 
+TOTEM_CSS = """
+.totem-shell {
+  --totem-navy: #07122D;
+  --totem-indigo: #0D1733;
+  --totem-panel: #101A3A;
+  --totem-panel-2: #111E44;
+  --totem-gold: #F2C14E;
+  --totem-violet: #8A4DFF;
+  --totem-pink: #FF5FD2;
+  --totem-emerald: #22B573;
+  --totem-cyan: #39C9FF;
+  --totem-ivory: #F6F1E8;
+  --totem-muted: #AEB7CC;
+  --totem-danger: #E04B45;
+  --totem-warning: #F2A93B;
+
+  --space-1: 4px;
+  --space-2: 8px;
+  --space-3: 12px;
+  --space-4: 16px;
+  --space-5: 20px;
+  --space-6: 24px;
+  --space-7: 32px;
+  --space-8: 40px;
+
+  --radius-panel: 18px;
+  --radius-card: 14px;
+
+  --font-display: "Cormorant Garamond", "Playfair Display", Georgia, serif;
+  --font-ui: Inter, Aptos, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+}
+"""
+
 HEAD = """
 <script>
 (() => {
@@ -1406,4 +1439,4 @@ with gr.Blocks(title="TOTEM Studio") as demo:
 
 
 if __name__ == "__main__":
-    demo.launch(ssr_mode=False, css=CSS + SS_CSS, head=HEAD)
+    demo.launch(ssr_mode=False, css=CSS + TOTEM_CSS + SS_CSS, head=HEAD)