Update src/app/styles/variables.css

src/app/layout.tsx

@@ -23,11 +23,14 @@ const poppins = Poppins({
 export const metadata: Metadata = {
   title: "Bouwwerken Linskels | Aannemer Ichtegem & West-Vlaanderen",  description: "Gespecialiseerd bouwbedrijf in Ichtegem. Nieuwbouw, renovaties en metselwerk. 5.0★ Google beoordeling. Bel 0474 39 24 30 voor vrijblijvende offerte.",  keywords: "aannemer Ichtegem, bouwbedrijf West-Vlaanderen, nieuwbouw, renovatie, metselwerk, Kristof Linskels",  metadataBase: new URL("https://bouwwerkenslinskels.be"),
   alternates: {
-    canonical: "https://bouwwerkenslinskels.be"},
+    canonical: "https://bouwwerkenslinskels.be"
+  },
   openGraph: {
-    title: "Bouwwerken Linskels | Vakkundig bouwbedrijf in Ichtegem",    description: "Nieuwbouw, renovaties en metselwerk van professionals. Over 50 tevreden klanten. Gratis offerte.",    url: "https://bouwwerkenslinskels.be",    siteName: "Bouwwerken Linskels",    type: "website"},
+    title: "Bouwwerken Linskels | Vakkundig bouwbedrijf in Ichtegem",    description: "Nieuwbouw, renovaties en metselwerk van professionals. Over 50 tevreden klanten. Gratis offerte.",    url: "https://bouwwerkenslinskels.be",    siteName: "Bouwwerken Linskels",    type: "website"
+  },
   twitter: {
-    card: "summary_large_image",    title: "Bouwwerken Linskels | Aannemer Ichtegem",    description: "Professioneel bouwbedrijf gespecialiseerd in nieuwbouw, renovaties en metselwerk."},
+    card: "summary_large_image",    title: "Bouwwerken Linskels | Aannemer Ichtegem",    description: "Professioneel bouwbedrijf gespecialiseerd in nieuwbouw, renovaties en metselwerk."
+  },
   robots: {
     index: true,
     follow: true,

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
+  --background: #fffefe;
-  --card: #ffffff;
+  --card: #f6f7f4;
-  --foreground: #25190c;
+  --foreground: #080908;
-  --primary-cta: #ff6207;
+  --primary-cta: #5DB34A;
   --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #e7eecd;
   --secondary-cta-text: #25190c;
-  --accent: #ffce93;
+  --accent: #35c18b;
-  --background-accent: #e8cfa8;
+  --background-accent: #ecebe4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);