Update src/app/services/page.tsx

Merge version_3 into main

src/app/about/page.tsx

@@ -18,8 +18,8 @@ export default function LandingPage() {
         sizing="largeSmallSizeMediumTitles"
         background="noise"
         cardStyle="gradient-mesh"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="radial-glow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
         headingFontWeight="medium"
     >
       <ReactLenis root>
@@ -27,21 +27,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "About",
-          id: "/about",
-        },
+          name: "About",          id: "/about"},
         {
-          name: "Services",
-          id: "/services",
-        },
+          name: "Services",          id: "/services"},
         {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
       ]}
       brandName="Level Edge"
     />
@@ -54,14 +46,10 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Award,
-          label: "Projects",
-          value: "2000+",
-        },
+          label: "Projects",          value: "2000+"},
         {
           icon: Shield,
-          label: "Guarantees",
-          value: "100%",
-        },
+          label: "Guarantees",          value: "100%"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -71,8 +59,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="About Us"
       title="Our Craft"
       description="Built on integrity and precision."
@@ -85,33 +72,21 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
             {
-              label: "(651) 317-7605",
-              href: "tel:6513177605",
-            },
+              label: "(651) 317-7605",              href: "tel:6513177605"},
             {
-              label: "24/7 Service Available",
-              href: "#",
-            },
+              label: "24/7 Service Available",              href: "#"},
           ],
         },
         {
-          title: "Quick Links",
-          items: [
+          title: "Quick Links",          items: [
             {
-              label: "About",
-              href: "/about",
-            },
+              label: "About",              href: "/about"},
             {
-              label: "Services",
-              href: "/services",
-            },
+              label: "Services",              href: "/services"},
             {
-              label: "Contact",
-              href: "/contact",
-            },
+              label: "Contact",              href: "/contact"},
           ],
         },
       ]}
@@ -122,4 +97,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -16,8 +16,8 @@ export default function LandingPage() {
         sizing="largeSmallSizeMediumTitles"
         background="noise"
         cardStyle="gradient-mesh"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="radial-glow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
         headingFontWeight="medium"
     >
       <ReactLenis root>
@@ -25,21 +25,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "About",
-          id: "/about",
-        },
+          name: "About",          id: "/about"},
         {
-          name: "Services",
-          id: "/services",
-        },
+          name: "Services",          id: "/services"},
         {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
       ]}
       brandName="Level Edge"
     />
@@ -49,8 +41,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={true}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Estimate"
       title="Request Free Estimate"
       description="Get a transparent quote in minutes."
@@ -63,8 +54,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Support"
       title="Here to Help"
       description="Your vision, our expertise."
@@ -77,33 +67,21 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
             {
-              label: "(651) 317-7605",
-              href: "tel:6513177605",
-            },
+              label: "(651) 317-7605",              href: "tel:6513177605"},
             {
-              label: "24/7 Service Available",
-              href: "#",
-            },
+              label: "24/7 Service Available",              href: "#"},
           ],
         },
         {
-          title: "Quick Links",
-          items: [
+          title: "Quick Links",          items: [
             {
-              label: "About",
-              href: "/about",
-            },
+              label: "About",              href: "/about"},
             {
-              label: "Services",
-              href: "/services",
-            },
+              label: "Services",              href: "/services"},
             {
-              label: "Contact",
-              href: "/contact",
-            },
+              label: "Contact",              href: "/contact"},
           ],
         },
       ]}
@@ -114,4 +92,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -20,8 +20,8 @@ export default function LandingPage() {
         sizing="largeSmallSizeMediumTitles"
         background="noise"
         cardStyle="gradient-mesh"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="radial-glow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
         headingFontWeight="medium"
     >
       <ReactLenis root>
@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "About",
-          id: "/about",
-        },
+          name: "About",          id: "/about"},
         {
-          name: "Services",
-          id: "/services",
-        },
+          name: "Services",          id: "/services"},
         {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
       ]}
       brandName="Level Edge"
     />
@@ -53,101 +45,56 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={true}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Precision Roofing. Built to Last."
       description="Trusted by homeowners for 25+ years. Premium roofing solutions with unmatched craftsmanship."
       testimonials={[
         {
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "Exceptional work on my roof! Very professional crew.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
-        },
+          name: "Sarah J.",          handle: "@sarahj",          testimonial: "Exceptional work on my roof! Very professional crew.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg"},
         {
-          name: "Mark D.",
-          handle: "@markd",
-          testimonial: "They were quick and cleaned everything up perfectly.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg",
-        },
+          name: "Mark D.",          handle: "@markd",          testimonial: "They were quick and cleaned everything up perfectly.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg"},
         {
-          name: "Elena R.",
-          handle: "@elenar",
-          testimonial: "Quality craftsmanship that I can trust. Highly recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3548.jpg",
-        },
+          name: "Elena R.",          handle: "@elenar",          testimonial: "Quality craftsmanship that I can trust. Highly recommend.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3548.jpg"},
         {
-          name: "David W.",
-          handle: "@davidw",
-          testimonial: "Responsive, fair, and extremely polite team.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/age-people-concept_1157-45434.jpg",
-        },
+          name: "David W.",          handle: "@davidw",          testimonial: "Responsive, fair, and extremely polite team.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/age-people-concept_1157-45434.jpg"},
         {
-          name: "Lisa B.",
-          handle: "@lisab",
-          testimonial: "Very satisfied with the result! Looks fantastic.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15619.jpg",
-        },
+          name: "Lisa B.",          handle: "@lisab",          testimonial: "Very satisfied with the result! Looks fantastic.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15619.jpg"},
       ]}
       buttons={[
         {
-          text: "Get Free Estimate",
-          href: "/contact",
-        },
+          text: "Get Free Estimate",          href: "/contact"},
         {
-          text: "Call Now: (651) 317-7605",
-          href: "tel:6513177605",
-        },
+          text: "Call Now: (651) 317-7605",          href: "tel:6513177605"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468891.jpg"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-showing-winner-gesture-shirt-vest-hat-looking-happy-front-view_176474-30662.jpg",
-          alt: "Satisfied client",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-showing-winner-gesture-shirt-vest-hat-looking-happy-front-view_176474-30662.jpg",          alt: "Satisfied client"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-man-shirt-vest-hat-pointing-house-model-looking-confident-front-view_176474-30846.jpg",
-          alt: "Happy homeowner",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-man-shirt-vest-hat-pointing-house-model-looking-confident-front-view_176474-30846.jpg",          alt: "Happy homeowner"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg",
-          alt: "Content customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg",          alt: "Content customer"},
         {
-          src: "http://img.b2bpic.net/free-photo/happy-senior-husband-wife-toasting-with-wine-before-family-lunch-kitchen_637285-3136.jpg",
-          alt: "Home renovation client",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-senior-husband-wife-toasting-with-wine-before-family-lunch-kitchen_637285-3136.jpg",          alt: "Home renovation client"},
         {
-          src: "http://img.b2bpic.net/free-photo/shallow-focus-cheerful-adult-couple-laughing-dancing-house_181624-51878.jpg",
-          alt: "Satisfied homeowner",
-        },
+          src: "http://img.b2bpic.net/free-photo/shallow-focus-cheerful-adult-couple-laughing-dancing-house_181624-51878.jpg",          alt: "Satisfied homeowner"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "25+ Years of Trust",
-        },
+          type: "text",          text: "25+ Years of Trust"},
         {
-          type: "text",
-          text: "GAF Master Elite",
-        },
+          type: "text",          text: "GAF Master Elite"},
         {
-          type: "text",
-          text: "Licensed & Insured",
-        },
+          type: "text",          text: "Licensed & Insured"},
         {
-          type: "text",
-          text: "24/7 Emergency Support",
-        },
+          type: "text",          text: "24/7 Emergency Support"},
         {
-          type: "text",
-          text: "100% Satisfaction",
-        },
+          type: "text",          text: "100% Satisfaction"},
       ]}
     />
   </div>
@@ -159,33 +106,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "25+",
-          title: "Years Experience",
-          description: "Serving our local community",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg",
-        },
+          id: "m1",          value: "25+",          title: "Years Experience",          description: "Serving our local community",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg"},
         {
-          id: "m2",
-          value: "188+",
-          title: "5-Star Reviews",
-          description: "Highly satisfied clients",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-engineer_23-2150290129.jpg",
-        },
+          id: "m2",          value: "188+",          title: "5-Star Reviews",          description: "Highly satisfied clients",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-engineer_23-2150290129.jpg"},
         {
-          id: "m3",
-          value: "100%",
-          title: "Financing Available",
-          description: "Flexible options for all",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg",
-        },
+          id: "m3",          value: "100%",          title: "Financing Available",          description: "Flexible options for all",          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg"},
         {
-          id: "m4",
-          value: "24/7",
-          title: "Emergency Service",
-          description: "Always ready to help",
-          imageSrc: "http://img.b2bpic.net/free-photo/old-abandoned-house-with-rusty-stairs_23-2149454766.jpg",
-        },
+          id: "m4",          value: "24/7",          title: "Emergency Service",          description: "Always ready to help",          imageSrc: "http://img.b2bpic.net/free-photo/old-abandoned-house-with-rusty-stairs_23-2149454766.jpg"},
       ]}
       title="Proven Performance"
       description="Excellence in every project we touch."
@@ -199,38 +126,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
-          title: "GAF Master Elite",
-          author: "Cert",
-          description: "Top 2% of roofing contractors nationwide.",
-          tags: [
-            "certified",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg",
-        },
+          id: "f1",          title: "GAF Master Elite",          author: "Cert",          description: "Top 2% of roofing contractors nationwide.",          tags: [
+            "certified"],
+          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg"},
         {
-          id: "f2",
-          title: "Locally Owned",
-          author: "Company",
-          description: "Proudly serving the community since 1999.",
-          tags: [
-            "local",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-panoramic-landscape-view-road-from-village_23-2148346131.jpg",
-        },
+          id: "f2",          title: "Locally Owned",          author: "Company",          description: "Proudly serving the community since 1999.",          tags: [
+            "local"],
+          imageSrc: "http://img.b2bpic.net/free-photo/aerial-panoramic-landscape-view-road-from-village_23-2148346131.jpg"},
         {
-          id: "f3",
-          title: "Fast Response",
-          author: "Service",
-          description: "15-minute average response time.",
-          tags: [
-            "speed",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg",
-        },
+          id: "f3",          title: "Fast Response",          author: "Service",          description: "15-minute average response time.",          tags: [
+            "speed"],
+          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg"},
       ]}
       title="Why Homeowners Choose Level Edge"
-      description="Excellence in every shingle, integrity in every project."
+      description="Don't wait for a leak to compromise your safety. Proactive roof maintenance prevents costly future damage and protects your biggest investment."
     />
   </div>
 
@@ -241,22 +150,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "plan-1",
-          title: "Easy Financing",
-          price: "Custom Plans",
-          period: "/flexible",
-          features: [
-            "No money down options",
-            "Low monthly rates",
-            "Fast approval",
-            "Zero hidden fees",
-          ],
+          id: "plan-1",          title: "Easy Financing",          price: "Custom Plans",          period: "/flexible",          features: [
+            "No money down options",            "Low monthly rates",            "Fast approval",            "Zero hidden fees"],
           button: {
-            text: "Check Financing",
-            href: "/contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-orange-background-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-63804.jpg",
-        },
+            text: "Check Financing",            href: "/contact"},
+          imageSrc: "http://img.b2bpic.net/free-photo/abstract-orange-background-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-63804.jpg"},
       ]}
       title="Roof Now. Pay Later."
       description="Flexible financing options available so you can get the protection your home needs."
@@ -267,8 +165,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={true}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Let's Get Started"
       title="Protect Your Home"
       description="Reach out today for your free inspection."
@@ -281,33 +178,21 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
             {
-              label: "(651) 317-7605",
-              href: "tel:6513177605",
-            },
+              label: "(651) 317-7605",              href: "tel:6513177605"},
             {
-              label: "24/7 Service Available",
-              href: "#",
-            },
+              label: "24/7 Service Available",              href: "#"},
           ],
         },
         {
-          title: "Quick Links",
-          items: [
+          title: "Quick Links",          items: [
             {
-              label: "About",
-              href: "/about",
-            },
+              label: "About",              href: "/about"},
             {
-              label: "Services",
-              href: "/services",
-            },
+              label: "Services",              href: "/services"},
             {
-              label: "Contact",
-              href: "/contact",
-            },
+              label: "Contact",              href: "/contact"},
           ],
         },
       ]}
@@ -318,4 +203,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -17,8 +17,8 @@ export default function LandingPage() {
         sizing="largeSmallSizeMediumTitles"
         background="noise"
         cardStyle="gradient-mesh"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="radial-glow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
         headingFontWeight="medium"
     >
       <ReactLenis root>
@@ -26,21 +26,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "About",
-          id: "/about",
-        },
+          name: "About",          id: "/about"},
         {
-          name: "Services",
-          id: "/services",
-        },
+          name: "Services",          id: "/services"},
         {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
       ]}
       brandName="Level Edge"
     />
@@ -53,35 +45,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "s1",
-          title: "Roof Inspection",
-          author: "Pro",
-          description: "Comprehensive diagnostics.",
-          tags: [
-            "service",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
-        },
+          id: "s1",          title: "Roof Inspection",          author: "Pro",          description: "Comprehensive diagnostics.",          tags: [
+            "service"],
+          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg"},
         {
-          id: "s2",
-          title: "Installation",
-          author: "Pro",
-          description: "Expert high-end installation.",
-          tags: [
-            "service",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-blue-lines-perfect-using-as-background_181624-15180.jpg",
-        },
+          id: "s2",          title: "Installation",          author: "Pro",          description: "Expert high-end installation.",          tags: [
+            "service"],
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-blue-lines-perfect-using-as-background_181624-15180.jpg"},
         {
-          id: "s3",
-          title: "Roof Repair",
-          author: "Pro",
-          description: "Quick and reliable repairs.",
-          tags: [
-            "service",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/home-clay-roof-tile_657883-716.jpg",
-        },
+          id: "s3",          title: "Roof Repair",          author: "Pro",          description: "Quick and reliable repairs.",          tags: [
+            "service"],
+          imageSrc: "http://img.b2bpic.net/free-photo/home-clay-roof-tile_657883-716.jpg"},
       ]}
       title="Our Professional Services"
       description="Complete roofing solutions done right."
@@ -92,8 +66,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Expertise"
       title="Quality First"
       description="We treat every roof like our own."
@@ -106,33 +79,21 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
             {
-              label: "(651) 317-7605",
-              href: "tel:6513177605",
-            },
+              label: "(651) 317-7605",              href: "tel:6513177605"},
             {
-              label: "24/7 Service Available",
-              href: "#",
-            },
+              label: "24/7 Service Available",              href: "#"},
           ],
         },
         {
-          title: "Quick Links",
-          items: [
+          title: "Quick Links",          items: [
             {
-              label: "About",
-              href: "/about",
-            },
+              label: "About",              href: "/about"},
             {
-              label: "Services",
-              href: "/services",
-            },
+              label: "Services",              href: "/services"},
             {
-              label: "Contact",
-              href: "/contact",
-            },
+              label: "Contact",              href: "/contact"},
           ],
         },
       ]}
@@ -143,4 +104,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #FFFFFF;
-  --card: #0D0D0D;
-  --foreground: #0D0D0D;
-  --primary-cta: #C8A96A;
+  --background: #f5f5f5;
+  --card: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1c1c1c;
   --primary-cta-text: #0D0D0D;
-  --secondary-cta: #4A4A4A;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #FFFFFF;
-  --accent: #C8A96A;
-  --background-accent: #F5F5F5;
+  --accent: #a8cce8;
+  --background-accent: #e0eaf2;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);