diff --git a/src/app/globals.css b/src/app/globals.css index e154b37..d4364dc 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -71,59 +71,59 @@ .dark { /* Background & Foreground */ --background: #0f172a; - --foreground: #f1f5f9; + --foreground: #e2e8f0; /* Cards & Surfaces */ --card: #1e293b; - --card-hover: #334155; - --card-border: #334155; + --card-hover: #283548; + --card-border: #2d3d53; - /* Primary - Cyan/Teal */ - --primary: #06b6d4; - --primary-hover: #22d3ee; + /* Primary - Cyan/Teal (softened) */ + --primary: #22a1b8; + --primary-hover: #38b2c7; --primary-foreground: #0f172a; - /* SWOT Quadrant Colors - Dark Mode */ - --strength: #10b981; - --strength-bg: #064e3b; - --strength-border: #047857; + /* SWOT Quadrant Colors - Dark Mode (muted & softer) */ + --strength: #4ade80; + --strength-bg: #162825; + --strength-border: #24473f; - --weakness: #ef4444; - --weakness-bg: #450a0a; - --weakness-border: #991b1b; + --weakness: #f87171; + --weakness-bg: #2a1f1f; + --weakness-border: #4a3030; - --opportunity: #3b82f6; - --opportunity-bg: #1e3a5f; - --opportunity-border: #1d4ed8; + --opportunity: #60a5fa; + --opportunity-bg: #1a2536; + --opportunity-border: #2a3e5c; - --threat: #f59e0b; - --threat-bg: #451a03; - --threat-border: #b45309; + --threat: #fbbf24; + --threat-bg: #282318; + --threat-border: #453d25; /* Accent Colors */ --accent: #a78bfa; --accent-hover: #c4b5fd; - /* Status */ - --success: #10b981; - --warning: #f59e0b; - --destructive: #ef4444; + /* Status (softened) */ + --success: #4ade80; + --warning: #fbbf24; + --destructive: #f87171; /* Neutral */ --muted: #94a3b8; --muted-foreground: #64748b; - --border: #334155; + --border: #2d3d53; --input: #1e293b; - --input-border: #475569; + --input-border: #3d4f66; /* Focus Ring */ - --ring: #06b6d4; + --ring: #22a1b8; /* Shadows - Dark Mode */ - --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3); - --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.4), 0 1px 2px -1px rgb(0 0 0 / 0.4); - --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.4); - --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.4); + --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.25); + --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.3), 0 1px 2px -1px rgb(0 0 0 / 0.3); + --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.3), 0 2px 4px -2px rgb(0 0 0 / 0.3); + --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.3); } @theme inline {