fixed the styling and colors to purple

resources/css/app.css

@@ -8,4 +8,55 @@
 @theme {
     --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
         'Segoe UI Symbol', 'Noto Color Emoji';
+
+    /* Base Colors */
+    --color-background: hsl(220 15% 97%);
+    --color-foreground: hsl(215 25% 27%);
+
+    --color-card: hsl(0 0% 100%);
+    --color-card-foreground: hsl(215 25% 27%);
+
+    /* Primary - Soft Purple */
+    --color-primary: hsl(250 60% 70%);
+    --color-primary-foreground: hsl(0 0% 100%);
+
+    /* Secondary - Soft Sage Green */
+    --color-secondary: hsl(140 30% 75%);
+    --color-secondary-foreground: hsl(140 45% 25%);
+
+    /* Success - Soft Mint */
+    --color-success: hsl(150 40% 70%);
+    --color-success-foreground: hsl(150 45% 20%);
+
+    /* Warning - Soft Peach */
+    --color-warning: hsl(35 60% 80%);
+    --color-warning-foreground: hsl(35 60% 30%);
+
+    /* Info - Soft Sky Blue */
+    --color-info: hsl(200 50% 75%);
+    --color-info-foreground: hsl(200 60% 25%);
+
+    --color-muted: hsl(220 15% 94%);
+    --color-muted-foreground: hsl(215 15% 50%);
+
+    --color-accent: hsl(250 60% 92%);
+    --color-accent-foreground: hsl(250 60% 30%);
+
+    --color-destructive: hsl(0 50% 75%);
+    --color-destructive-foreground: hsl(0 0% 100%);
+
+    --color-border: hsl(220 15% 88%);
+    --color-input: hsl(220 15% 92%);
+    --color-ring: hsl(250 60% 70%);
+    --radius: 0.75rem;
+
+    /* Sidebar */
+    --color-sidebar-background: hsl(250 25% 96%);
+    --color-sidebar-foreground: hsl(215 25% 35%);
+    --color-sidebar-primary: hsl(250 60% 70%);
+    --color-sidebar-primary-foreground: hsl(0 0% 100%);
+    --color-sidebar-accent: hsl(250 25% 90%);
+    --color-sidebar-accent-foreground: hsl(215 25% 40%);
+    --color-sidebar-border: hsl(250 20% 85%);
+    --color-sidebar-ring: hsl(250 60% 70%);
 }