style: update theme color palette to cyan/purple and add .venv to .gitignore

.gitignore

@@ -68,3 +68,4 @@ logs/
 
 # Node
 node_modules/
+.venv/

frontend-vanilla/index.html

@@ -19,53 +19,37 @@
     theme: {
       extend: {
         colors: {
-          "inverse-surface": "#dae5da",
-          "on-error": "#690005",
-          "surface-tint": "#00e38a",
-          "error": "#ffb4ab",
-          "outline-variant": "#3b4b3f",
-          "outline": "#849587",
-          "background": "#0c150f",
-          "surface-container-high": "#232c25",
-          "secondary-container": "#00e3fd",
-          "on-surface-variant": "#b9cbbc",
-          "on-secondary-container": "#00616d",
-          "on-error-container": "#ffdad6",
-          "primary": "#f3fff3",
-          "primary-container": "#00ff9c",
-          "on-primary": "#00391f",
-          "surface-bright": "#323c34",
-          "primary-fixed-dim": "#00e38a",
-          "tertiary-fixed-dim": "#e4c44f",
-          "on-secondary-fixed": "#001f24",
-          "tertiary-fixed": "#ffe17a",
-          "on-tertiary-container": "#766000",
-          "on-secondary": "#00363d",
-          "on-tertiary-fixed": "#231b00",
-          "on-tertiary": "#3b2f00",
-          "surface-container-low": "#141e17",
-          "surface": "#0c150f",
-          "primary-fixed": "#56ffa7",
-          "secondary-fixed-dim": "#00daf3",
-          "on-secondary-fixed-variant": "#004f58",
-          "inverse-on-surface": "#29332b",
-          "surface-container": "#18221b",
-          "on-surface": "#dae5da",
-          "on-tertiary-fixed-variant": "#554500",
-          "error-container": "#93000a",
-          "surface-variant": "#2d3730",
-          "surface-container-highest": "#2d3730",
-          "secondary-fixed": "#9cf0ff",
-          "on-background": "#dae5da",
-          "on-primary-container": "#007142",
-          "inverse-primary": "#006d40",
-          "on-primary-fixed-variant": "#00522f",
-          "secondary": "#bdf4ff",
-          "tertiary": "#fffaff",
-          "surface-dim": "#0c150f",
-          "on-primary-fixed": "#002110",
-          "surface-container-lowest": "#07100a",
-          "tertiary-container": "#ffdd65"
+          "inverse-surface": "#1e293b",
+          "on-error": "#ffffff",
+          "surface-tint": "#00e5ff",
+          "error": "#ff3366",
+          "outline-variant": "#1e293b",
+          "outline": "#475569",
+          "background": "#030712",
+          "surface-container-high": "#0f172a",
+          "secondary-container": "#d500f9",
+          "on-surface-variant": "#94a3b8",
+          "on-secondary-container": "#ffffff",
+          "on-error-container": "#ffe4e6",
+          "primary": "#00e5ff",
+          "primary-container": "#00e5ff",
+          "on-primary": "#000000",
+          "on-primary-container": "#000000",
+          "inverse-primary": "#0891b2",
+          "on-primary-fixed-variant": "#0e7490",
+          "secondary": "#a855f7",
+          "tertiary": "#f8fafc",
+          "surface-dim": "#020617",
+          "on-primary-fixed": "#000000",
+          "surface-container-lowest": "#000000",
+          "tertiary-container": "#fbbf24",
+          "surface-container-low": "#0b0f19",
+          "surface": "#06080F",
+          "surface-container": "#0b0f19",
+          "surface-variant": "#1e293b",
+          "surface-container-highest": "#1e293b",
+          "on-background": "#f8fafc",
+          "inverse-on-surface": "#0f172a"
         },
         borderRadius: {
           "DEFAULT": "0.25rem",
@@ -106,14 +90,14 @@
 
 <style>
   :root {
-    --accent: #00ff9c;
-    --accent-dim: #00c97a;
-    --accent2: #00d4ff;
-    --surface-glass: rgba(15, 25, 17, 0.7);
-    --border-subtle: rgba(0, 255, 156, 0.12);
-    --border-mid: rgba(0, 255, 156, 0.25);
-    --text-muted: #5a7060;
-    --card-bg: rgba(18, 30, 21, 0.6);
+    --accent: #00e5ff;
+    --accent-dim: #009eb3;
+    --accent2: #d500f9;
+    --surface-glass: rgba(10, 15, 25, 0.7);
+    --border-subtle: rgba(0, 229, 255, 0.15);
+    --border-mid: rgba(0, 229, 255, 0.35);
+    --text-muted: #64748b;
+    --card-bg: rgba(10, 15, 25, 0.65);
   }
 
   /* ── Material Symbols ── */
@@ -377,10 +361,10 @@
 <!-- ═══════════════════════════════════════════════════════════
      FIXED NAV (visible across all states)
 ════════════════════════════════════════════════════════════ -->
-<nav class="fixed top-0 left-0 w-full z-50 flex justify-between items-center px-6 h-16 glass-panel border-b-0 border-emerald-500/20 shadow-[0_4px_30px_rgba(0,0,0,0.8)] font-['Space_Grotesk'] tracking-wider uppercase text-xs">
+<nav class="fixed top-0 left-0 w-full z-50 flex justify-between items-center px-6 h-16 glass-panel border-b-0 border-cyan-500/20 shadow-[0_4px_30px_rgba(0,0,0,0.8)] font-['Space_Grotesk'] tracking-wider uppercase text-xs">
   <!-- Brand -->
   <div class="flex items-center gap-8">
-    <span onclick="showState('heroSection')" class="text-2xl font-black tracking-tighter text-emerald-400 drop-shadow-[0_0_12px_rgba(0,255,156,0.6)] cursor-pointer">AUTHRIX AI</span>
+    <span onclick="showState('heroSection')" class="text-2xl font-black tracking-tighter text-cyan-400 drop-shadow-[0_0_12px_rgba(0,229,255,0.6)] cursor-pointer">AUTHRIX AI</span>
     <div class="hidden md:flex items-center gap-2">
       <a onclick="showState('heroSection')" class="nav-link">Dashboard</a>
       <a href="/pricing" class="nav-link">Pricing</a>
@@ -398,7 +382,7 @@
       <span id="healthDot" class="dot"></span>
       <span id="healthText">CHECKING</span>
     </div>
-    <div class="hidden lg:flex items-center gap-2 border-r border-emerald-500/20 pr-4 mr-2">
+    <div class="hidden lg:flex items-center gap-2 border-r border-cyan-500/20 pr-4 mr-2">
       <button class="nav-link px-2"><span class="material-symbols-outlined text-lg">sensors</span></button>
       <button class="nav-link px-2"><span class="material-symbols-outlined text-lg">memory</span></button>
       <button class="nav-link px-2"><span class="material-symbols-outlined text-lg">speed</span></button>