From 6071c746e0bb0b70f05df4933025b241b415711b Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 28 Feb 2026 16:56:32 +0000
Subject: [PATCH] Update site colors to match brand logo precisely

Update primary, destructive, ring, and shadow colors in `client/src/index.css` to the precise Folx brand red (#DA234D / HSL 346, 72%, 50%) extracted from the logo.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 413891e8-d784-4bea-b9f5-91a5a68316b4
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 9fb53219-4685-4b5f-9915-ac4951fd0d20
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/413891e8-d784-4bea-b9f5-91a5a68316b4/cftwqyT
Replit-Helium-Checkpoint-Created: true
---
 client/src/index.css | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/client/src/index.css b/client/src/index.css
index 1d9ddd7..9b4eb82 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -102,15 +102,15 @@
   --sidebar: 0 0% 9%;
   --sidebar-foreground: 0 0% 92%;
   --sidebar-border: 0 0% 15%;
-  --sidebar-primary: 350 55% 49%;
+  --sidebar-primary: 346 72% 50%;
   --sidebar-primary-foreground: 0 0% 100%;
   --sidebar-accent: 0 0% 16%;
   --sidebar-accent-foreground: 0 0% 92%;
-  --sidebar-ring: 350 55% 49%;
+  --sidebar-ring: 346 72% 50%;
   --popover: 0 0% 10%;
   --popover-foreground: 0 0% 95%;
   --popover-border: 0 0% 16%;
-  --primary: 350 55% 49%;
+  --primary: 346 72% 50%;
   --primary-foreground: 0 0% 100%;
   --secondary: 0 0% 15%;
   --secondary-foreground: 0 0% 95%;
@@ -118,23 +118,23 @@
   --muted-foreground: 0 0% 55%;
   --accent: 0 0% 16%;
   --accent-foreground: 0 0% 92%;
-  --destructive: 350 55% 49%;
+  --destructive: 346 72% 50%;
   --destructive-foreground: 0 0% 100%;
   --input: 0 0% 18%;
-  --ring: 350 55% 49%;
+  --ring: 346 72% 50%;
   --chart-1: 204 88% 53%;
   --chart-2: 160 100% 36%;
   --chart-3: 42 93% 56%;
   --chart-4: 147 79% 42%;
   --chart-5: 341 75% 51%;
-  --shadow-2xs: 0px 2px 0px 0px hsl(350 55% 49% / 0.00);
-  --shadow-xs: 0px 2px 0px 0px hsl(350 55% 49% / 0.00);
-  --shadow-sm: 0px 2px 0px 0px hsl(350 55% 49% / 0.00), 0px 1px 2px -1px hsl(350 55% 49% / 0.00);
-  --shadow: 0px 2px 0px 0px hsl(350 55% 49% / 0.00), 0px 1px 2px -1px hsl(350 55% 49% / 0.00);
-  --shadow-md: 0px 2px 0px 0px hsl(350 55% 49% / 0.00), 0px 2px 4px -1px hsl(350 55% 49% / 0.00);
-  --shadow-lg: 0px 2px 0px 0px hsl(350 55% 49% / 0.00), 0px 4px 6px -1px hsl(350 55% 49% / 0.00);
-  --shadow-xl: 0px 2px 0px 0px hsl(350 55% 49% / 0.00), 0px 8px 10px -1px hsl(350 55% 49% / 0.00);
-  --shadow-2xl: 0px 2px 0px 0px hsl(350 55% 49% / 0.00);
+  --shadow-2xs: 0px 2px 0px 0px hsl(346 72% 50% / 0.00);
+  --shadow-xs: 0px 2px 0px 0px hsl(346 72% 50% / 0.00);
+  --shadow-sm: 0px 2px 0px 0px hsl(346 72% 50% / 0.00), 0px 1px 2px -1px hsl(346 72% 50% / 0.00);
+  --shadow: 0px 2px 0px 0px hsl(346 72% 50% / 0.00), 0px 1px 2px -1px hsl(346 72% 50% / 0.00);
+  --shadow-md: 0px 2px 0px 0px hsl(346 72% 50% / 0.00), 0px 2px 4px -1px hsl(346 72% 50% / 0.00);
+  --shadow-lg: 0px 2px 0px 0px hsl(346 72% 50% / 0.00), 0px 4px 6px -1px hsl(346 72% 50% / 0.00);
+  --shadow-xl: 0px 2px 0px 0px hsl(346 72% 50% / 0.00), 0px 8px 10px -1px hsl(346 72% 50% / 0.00);
+  --shadow-2xl: 0px 2px 0px 0px hsl(346 72% 50% / 0.00);
 
 /* Fallback for older browsers */
   --sidebar-primary-border: hsl(var(--sidebar-primary));