diff --git a/apps/mana/apps/web/SETUP.md b/apps/mana/apps/web/SETUP.md
index f84d348f1..e26263f92 100644
--- a/apps/mana/apps/web/SETUP.md
+++ b/apps/mana/apps/web/SETUP.md
@@ -69,7 +69,6 @@ mana-web/
 ├── .env                         # Environment variables
 ├── .env.example                 # Environment template
 ├── svelte.config.js             # SvelteKit configuration
-├── tailwind.config.js           # Tailwind configuration
 ├── vite.config.ts               # Vite configuration
 ├── tsconfig.json                # TypeScript configuration
 └── package.json                 # Dependencies
diff --git a/apps/mana/apps/web/src/lib/components/settings/sections/SecuritySection.svelte b/apps/mana/apps/web/src/lib/components/settings/sections/SecuritySection.svelte
index 75fc4f5ac..4b1019efa 100644
--- a/apps/mana/apps/web/src/lib/components/settings/sections/SecuritySection.svelte
+++ b/apps/mana/apps/web/src/lib/components/settings/sections/SecuritySection.svelte
@@ -49,7 +49,7 @@
 		onRefresh={async () => {
 			passkeys = await authStore.listPasskeys();
 		}}
-		primaryColor="#6366f1"
+		primaryColor="hsl(var(--color-primary))"
 	/>
 </SettingsPanel>
 
@@ -63,7 +63,7 @@
 			sessions = await authStore.listSessions();
 			sessionsLoading = false;
 		}}
-		primaryColor="#6366f1"
+		primaryColor="hsl(var(--color-primary))"
 	/>
 </SettingsPanel>
 
@@ -73,7 +73,7 @@
 		onEnable={(password) => authStore.enableTwoFactor(password)}
 		onDisable={(password) => authStore.disableTwoFactor(password)}
 		onGenerateBackupCodes={(password) => authStore.generateBackupCodes(password)}
-		primaryColor="#6366f1"
+		primaryColor="hsl(var(--color-primary))"
 	/>
 </SettingsPanel>
 
@@ -86,6 +86,6 @@
 			securityEvents = await authStore.getSecurityEvents();
 			securityEventsLoading = false;
 		}}
-		primaryColor="#6366f1"
+		primaryColor="hsl(var(--color-primary))"
 	/>
 </SettingsPanel>
diff --git a/apps/mana/apps/web/src/routes/(app)/+layout.svelte b/apps/mana/apps/web/src/routes/(app)/+layout.svelte
index 4462e029b..dbfdf5269 100644
--- a/apps/mana/apps/web/src/routes/(app)/+layout.svelte
+++ b/apps/mana/apps/web/src/routes/(app)/+layout.svelte
@@ -963,7 +963,7 @@
 					{currentLanguageLabel}
 					showLogout={authStore.isAuthenticated}
 					loginHref="/login"
-					primaryColor="#6366f1"
+					primaryColor="hsl(var(--color-primary))"
 					showAppSwitcher={false}
 					showAiTierSelector={true}
 					aiTierItems={aiTier.items}
diff --git a/apps/mana/apps/web/src/routes/(auth)/forgot-password/+page.svelte b/apps/mana/apps/web/src/routes/(auth)/forgot-password/+page.svelte
index 22c1e9fa9..3005fdda4 100644
--- a/apps/mana/apps/web/src/routes/(auth)/forgot-password/+page.svelte
+++ b/apps/mana/apps/web/src/routes/(auth)/forgot-password/+page.svelte
@@ -15,7 +15,7 @@
 <ForgotPasswordPage
 	appName="Mana"
 	logo={ManaLogo}
-	primaryColor="#6366f1"
+	primaryColor="hsl(var(--color-primary))"
 	onForgotPassword={handleForgotPassword}
 	{goto}
 	loginPath="/login"
diff --git a/apps/mana/apps/web/src/routes/(auth)/login/+page.svelte b/apps/mana/apps/web/src/routes/(auth)/login/+page.svelte
index 2031d4863..5c1b5f071 100644
--- a/apps/mana/apps/web/src/routes/(auth)/login/+page.svelte
+++ b/apps/mana/apps/web/src/routes/(auth)/login/+page.svelte
@@ -32,7 +32,7 @@
 <LoginPage
 	appName="Mana"
 	logo={ManaLogo}
-	primaryColor="#6366f1"
+	primaryColor="hsl(var(--color-primary))"
 	onSignIn={handleSignIn}
 	onResendVerification={handleResendVerification}
 	passkeyAvailable={authStore.isPasskeyAvailable()}
diff --git a/apps/mana/apps/web/src/routes/(auth)/register/+page.svelte b/apps/mana/apps/web/src/routes/(auth)/register/+page.svelte
index 07f46835f..bd28dde7a 100644
--- a/apps/mana/apps/web/src/routes/(auth)/register/+page.svelte
+++ b/apps/mana/apps/web/src/routes/(auth)/register/+page.svelte
@@ -39,7 +39,7 @@
 <RegisterPage
 	appName="Mana"
 	logo={ManaLogo}
-	primaryColor="#6366f1"
+	primaryColor="hsl(var(--color-primary))"
 	onSignUp={handleSignUp}
 	onResendVerification={handleResendVerification}
 	{goto}
diff --git a/apps/mana/apps/web/tailwind.config.js b/apps/mana/apps/web/tailwind.config.js
deleted file mode 100644
index 234eddf10..000000000
--- a/apps/mana/apps/web/tailwind.config.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import preset from '@mana/shared-tailwind/preset';
-
-/** @type {import('tailwindcss').Config} */
-export default {
-	presets: [preset],
-	content: [
-		'./src/**/*.{html,js,svelte,ts}',
-		'../../../packages/shared-ui/src/**/*.{html,js,svelte,ts}',
-		'../../../packages/shared-auth-ui/src/**/*.{html,js,svelte,ts}',
-	],
-	theme: {
-		extend: {
-			colors: {
-				// Mana specific primary blue
-				primary: {
-					50: '#eff6ff',
-					100: '#dbeafe',
-					200: '#bfdbfe',
-					300: '#93c5fd',
-					400: '#60a5fa',
-					500: '#3b82f6',
-					600: '#0055FF',
-					700: '#1d4ed8',
-					800: '#1e40af',
-					900: '#1e3a8a',
-					950: '#172554',
-				},
-			},
-		},
-	},
-};