style: align UI with mobile productivity template and remove Google/Gemini references

frontend/tailwind.config.js

@@ -5,22 +5,24 @@ export default {
   theme: {
     extend: {
       colors: {
-        gemini: {
-          canvas: '#131314',
-          surface: '#1e1f20',
-          elevated: '#282a2c',
-          hover: '#333537',
-          border: '#3c4043',
-          subtle: 'rgba(255, 255, 255, 0.08)',
-          blue: '#a8c7fa',
-          blueContainer: '#004a77',
-          blueOnContainer: '#d3e3fd',
-          green: '#a8dab5',
-          red: '#f28b82',
-          yellow: '#fdd663',
-          text: '#e3e3e3',
-          secondary: '#c4c7c5',
-          tertiary: '#8e918f',
+        canvas: '#16171a',
+        surface: {
+          DEFAULT: '#222428',
+          elevated: '#282a2f',
+          hover: '#32353b',
+          border: 'rgba(255, 255, 255, 0.07)',
+        },
+        brand: {
+          DEFAULT: '#1d8cf8',
+          hover: '#3b9cfc',
+          dark: '#0066cc',
+        },
+        accent: {
+          green: '#22c55e',
+          orange: '#f97316',
+          purple: '#a855f7',
+          red: '#ef4444',
+          yellow: '#eab308',
         },
       },
       fontFamily: {
@@ -30,6 +32,7 @@ export default {
       boxShadow: {
         soft: '0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.2)',
         card: '0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.2)',
+        glowBlue: '0 0 20px -3px rgba(29, 140, 248, 0.35)',
       },
     },
   },