Changes

src/components/HeroSection.tsx

@@ -10,7 +10,7 @@ const HeroSection = () => {
         <img 
           src={logoImage} 
           alt="Lennart Svensson Konditorivaror" 
-          className="h-56 md:h-72 lg:h-80 w-auto mx-auto mb-8"
+          className="h-56 md:h-72 lg:h-80 w-auto mx-auto mb-8 mt-8"
         />
 
         <p className="text-muted-foreground text-lg mb-8">

src/index.css

@@ -17,7 +17,7 @@
     --popover: 40 30% 94%;
     --popover-foreground: 25 30% 12%;
 
-    --primary: 25 65% 35%;
+    --primary: 4 70% 45%;
     --primary-foreground: 40 30% 96%;
 
     --secondary: 35 20% 88%;
@@ -26,7 +26,7 @@
     --muted: 35 15% 85%;
     --muted-foreground: 25 15% 45%;
 
-    --accent: 18 70% 45%;
+    --accent: 4 70% 45%;
     --accent-foreground: 40 30% 96%;
 
     --destructive: 0 84.2% 60.2%;
@@ -34,7 +34,7 @@
 
     --border: 30 20% 80%;
     --input: 30 20% 80%;
-    --ring: 25 65% 35%;
+    --ring: 4 70% 45%;
 
     --radius: 0.25rem;