fix: remove CSS variables, use direct Tailwind colors

- Simplify tailwind.config.ts - use hex colors directly
- Simplify globals.css - no CSS variables
- Dark mode only (no light mode toggle)
- All M3 tokens as direct hex values

Author: AIwork4me

platform/src/app/globals.css

@@ -2,63 +2,13 @@
 @tailwind components;
 @tailwind utilities;
 
-:root {
-  /* Light mode M3 tokens (default) */
-  --surface-dim: #DED8E1;
-  --surface: #FFFBFE;
-  --surface-container: #F3EDF7;
-  --surface-container-high: #ECE6F0;
-  --surface-container-highest: #E6E0E9;
-  --primary: #6750A4;
-  --primary-container: #EADDFF;
-  --primary-container-high: #D0BCFF;
-  --on-primary: #21005D;
-  --on-surface: #1C1B1F;
-  --on-surface-variant: #49454F;
-  --outline: #79747E;
-  --outline-variant: #CAC4D0;
-  --success: #006C4E;
-  --danger: #BA1A1A;
-  --warning: #8B5000;
-  
-  --body-bg: #FFFBFE;
-  --body-color: #1C1B1F;
-}
-
-.dark {
-  /* Dark mode M3 tokens */
-  --surface-dim: #0f0f0f;
-  --surface: #1C1B1F;
-  --surface-container: #211F26;
-  --surface-container-high: #2B2930;
-  --surface-container-highest: #36343B;
-  --primary: #d0bcff;
-  --primary-container: #4F378B;
-  --primary-container-high: #5A4694;
-  --on-primary: #381E72;
-  --on-surface: #E6E1E5;
-  --on-surface-variant: #CAC4D0;
-  --outline: #938F99;
-  --outline-variant: #49454F;
-  --success: #8BD3A8;
-  --danger: #F2B8B5;
-  --warning: #F9CB9C;
-  
-  --body-bg: #0f0f0f;
-  --body-color: #E6E1E5;
-}
-
-/* Smooth theme transition */
-html.theme-transitioning,
-html.theme-transitioning *,
-html.theme-transitioning *::before,
-html.theme-transitioning *::after {
-  transition: background-color 0.3s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
+html {
+  scroll-behavior: smooth;
 }
 
 body {
-  background-color: var(--body-bg);
-  color: var(--body-color);
+  background-color: #0f0f0f;
+  color: #E6E1E5;
 }
 
 @keyframes shimmer {

platform/tailwind.config.ts

@@ -1,7 +1,6 @@
 import type { Config } from 'tailwindcss'
 
 const config: Config = {
-  darkMode: 'class',
   content: [
     './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
     './src/components/**/*.{js,ts,jsx,tsx,mdx}',
@@ -10,39 +9,37 @@ const config: Config = {
   theme: {
     extend: {
       colors: {
-        // M3 Design Tokens via CSS variables (auto light/dark)
+        // Dark mode colors (default)
         surface: {
-          dim: 'var(--surface-dim)',
-          DEFAULT: 'var(--surface)',
-          container: 'var(--surface-container)',
-          high: 'var(--surface-container-high)',
-          highest: 'var(--surface-container-highest)',
+          dim: '#0f0f0f',
+          DEFAULT: '#1C1B1F',
+          container: '#211F26',
+          high: '#2B2930',
+          highest: '#36343B',
         },
         primary: {
-          DEFAULT: 'var(--primary)',
-          container: 'var(--primary-container)',
-          'container-high': 'var(--primary-container-high)',
-          on: 'var(--on-primary)',
+          DEFAULT: '#d0bcff',
+          container: '#4F378B',
         },
         onsurface: {
-          DEFAULT: 'var(--on-surface)',
-          variant: 'var(--on-surface-variant)',
+          DEFAULT: '#E6E1E5',
+          variant: '#CAC4D0',
         },
         outline: {
-          DEFAULT: 'var(--outline)',
-          variant: 'var(--outline-variant)',
+          DEFAULT: '#938F99',
+          variant: '#49454F',
         },
-        success: 'var(--success)',
-        danger: 'var(--danger)',
-        warning: 'var(--warning)',
+        success: '#8BD3A8',
+        danger: '#F2B8B5',
+        warning: '#F9CB9C',
         // Legacy tokens for other pages
         dark: {
-          bg: 'var(--surface-dim)',
-          card: 'var(--surface-container)',
+          bg: '#0f0f0f',
+          card: '#211F26',
         },
         accent: {
-          DEFAULT: 'var(--primary)',
-          hover: 'var(--primary-container)',
+          DEFAULT: '#d0bcff',
+          hover: '#b69df8',
         },
       },
       fontFamily: {