From f7108ba357311be23a3fe23146d0a22f9f0ed99d Mon Sep 17 00:00:00 2001
From: Jason Staack <jason@staack.com>
Date: Sat, 21 Mar 2026 11:47:09 -0500
Subject: [PATCH] feat(ui): update Tailwind config for Warm Precision tokens

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/tailwind.config.ts | 62 +++++++++++--------------------------
 1 file changed, 18 insertions(+), 44 deletions(-)

diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
index e61aefd..bbce155 100644
--- a/frontend/tailwind.config.ts
+++ b/frontend/tailwind.config.ts
@@ -11,45 +11,29 @@ const config: Config = {
       colors: {
         background: 'hsl(var(--background))',
         foreground: 'hsl(var(--foreground))',
-        surface: 'hsl(var(--surface))',
+        sidebar: 'hsl(var(--sidebar))',
+        panel: 'hsl(var(--panel))',
         elevated: 'hsl(var(--elevated))',
-        border: 'hsl(var(--border))',
-        'border-bright': 'hsl(var(--border-bright))',
+        'border-subtle': 'hsl(var(--border-subtle))',
+        'border-default': 'hsl(var(--border-default))',
+        border: 'hsl(var(--border-default))',
         'text-primary': 'hsl(var(--text-primary))',
         'text-secondary': 'hsl(var(--text-secondary))',
         'text-muted': 'hsl(var(--text-muted))',
+        'text-label': 'hsl(var(--text-label))',
         accent: {
           DEFAULT: 'hsl(var(--accent))',
-          hover: 'hsl(var(--accent-hover))',
-          muted: 'hsl(var(--accent-muted))',
-        },
-        card: {
-          DEFAULT: 'hsl(var(--card))',
-          foreground: 'hsl(var(--card-foreground))',
-        },
-        popover: {
-          DEFAULT: 'hsl(var(--popover))',
-          foreground: 'hsl(var(--popover-foreground))',
-        },
-        primary: {
-          DEFAULT: 'hsl(var(--primary))',
-          foreground: 'hsl(var(--primary-foreground))',
-        },
-        secondary: {
-          DEFAULT: 'hsl(var(--secondary))',
-          foreground: 'hsl(var(--secondary-foreground))',
-        },
-        muted: {
-          DEFAULT: 'hsl(var(--muted))',
-          foreground: 'hsl(var(--muted-foreground))',
-        },
-        destructive: {
-          DEFAULT: 'hsl(var(--destructive))',
-          foreground: 'hsl(var(--text-primary))',
+          soft: 'hsl(var(--accent-soft))',
         },
+        'alert-badge': 'hsl(var(--alert-badge))',
+        card: { DEFAULT: 'hsl(var(--card))', foreground: 'hsl(var(--card-foreground))' },
+        popover: { DEFAULT: 'hsl(var(--popover))', foreground: 'hsl(var(--popover-foreground))' },
+        primary: { DEFAULT: 'hsl(var(--primary))', foreground: 'hsl(var(--primary-foreground))' },
+        secondary: { DEFAULT: 'hsl(var(--secondary))', foreground: 'hsl(var(--secondary-foreground))' },
+        muted: { DEFAULT: 'hsl(var(--muted))', foreground: 'hsl(var(--muted-foreground))' },
+        destructive: { DEFAULT: 'hsl(var(--destructive))', foreground: 'hsl(var(--text-primary))' },
         input: 'hsl(var(--input))',
         ring: 'hsl(var(--ring))',
-        sidebar: 'hsl(var(--sidebar))',
         online: 'hsl(var(--online))',
         offline: 'hsl(var(--offline))',
         unknown: 'hsl(var(--unknown))',
@@ -68,22 +52,12 @@ const config: Config = {
         sans: ['Manrope', 'system-ui', '-apple-system', 'sans-serif'],
         mono: ['IBM Plex Mono', 'ui-monospace', 'SFMono-Regular', 'monospace'],
       },
-      animation: {
-        shimmer: 'shimmer 1.5s ease-in-out infinite',
-      },
-      backgroundImage: {
-        shimmer:
-          'linear-gradient(90deg, transparent 0%, hsl(var(--elevated)) 20%, hsl(var(--surface)) 50%, hsl(var(--elevated)) 80%, transparent 100%)',
-      },
-      backgroundSize: {
-        shimmer: '200% 100%',
-      },
       borderRadius: {
-        sm: '0.25rem',
+        sm: '0.0625rem',
         DEFAULT: 'var(--radius)',
-        md: '0.375rem',
-        lg: 'var(--radius)',
-        xl: '0.75rem',
+        md: 'var(--radius-control)',
+        lg: 'var(--radius-control)',
+        xl: 'var(--radius-control)',
       },
     },
   },