From c66b2bb88e2a55c0e2f25af37aa8141ed49a8582 Mon Sep 17 00:00:00 2001
From: chihlasm <michael@chihlas.com>
Date: Tue, 3 Mar 2026 07:55:56 -0500
Subject: [PATCH] chore: update Tailwind config to Slate & Ice theme colors and
 fonts

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/tailwind.config.js | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 06618298..c1c3c67d 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -11,20 +11,20 @@ export default {
         // ResolutionFlow Brand Colors
         brand: {
           gradient: {
-            from: '#818cf8',
-            to: '#a78bfa',
+            from: '#06b6d4',
+            to: '#22d3ee',
           },
           dark: {
-            DEFAULT: '#09090b',
-            card: '#18181b',
-            surface: '#12121c',
+            DEFAULT: '#101114',
+            card: '#14161a',
+            surface: '#14161a',
           },
           text: {
-            primary: '#ffffff',
-            secondary: '#a1a1aa',
-            muted: '#52525b',
+            primary: '#f8fafc',
+            secondary: '#8891a0',
+            muted: '#5a6170',
           },
-          border: '#27272a',
+          border: 'rgba(255, 255, 255, 0.06)',
         },
         // shadcn/ui color system
         border: "hsl(var(--border))",
@@ -67,13 +67,13 @@ export default {
         sm: "calc(var(--radius) - 4px)",
       },
       fontFamily: {
-        sans: ['Inter', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],
-        heading: ['Plus Jakarta Sans', 'system-ui', 'sans-serif'],
-        label: ['Outfit', 'system-ui', 'sans-serif'],
+        sans: ['IBM Plex Sans', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],
+        heading: ['Bricolage Grotesque', 'system-ui', 'sans-serif'],
+        label: ['JetBrains Mono', 'monospace'],
       },
       backgroundImage: {
-        'gradient-brand': 'linear-gradient(90deg, #818cf8 0%, #a78bfa 100%)',
-        'gradient-brand-hover': 'linear-gradient(90deg, #6366f1 0%, #9333ea 100%)',
+        'gradient-brand': 'linear-gradient(135deg, #06b6d4 0%, #22d3ee 100%)',
+        'gradient-brand-hover': 'linear-gradient(135deg, #0891b2 0%, #06b6d4 100%)',
       },
     },
   },