Update theme colors

The user attached the section/component ca

src/index.css

@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #fdf6e3;
-  --card: #f5e8d3;
-  --foreground: #3e2723;
-  --primary-cta: #d84315;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #ffcc80;
-  --secondary-cta-text: #3e2723;
-  --accent: #bf360c;
-  --background-accent: #ffab40;
+  --background: #fbfaff;
+  --card: #ffffff;
+  --foreground: #0f0022;
+  --primary-cta: #8b5cf6;
+  --primary-cta-text: #fbfaff;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #0f0022;
+  --accent: #d8cef5;
+  --background-accent: #c4a8f9;
 
   /* @layout/border-radius/rounded */
   --radius: 1rem;

src/pages/HomePage/sections/Hero.tsx

@@ -1,18 +1,17 @@
-// Created by add_section_from_catalog (HeroOverlay).
+// Created by add_section_from_catalog (HeroBrand).
 
 import React from 'react';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import HeroBrand from '@/components/sections/hero/HeroBrand';
 
 export default function HeroSection(): React.JSX.Element {
   return (
     <div data-webild-section="hero" id="hero">
-      <HeroOverlay
-        tag="NLP מבוסס ראיות"
-        videoSrc="https://videos.pexels.com/video-files/3195394/3195394-uhd_2560_1440_25fps.mp4"
+      <HeroBrand
+        videoSrc="https://videos.pexels.com/video-files/7176675/7176675-uhd_2560_1440_25fps.mp4"
         description="טיפול NLP מבוסס ראיות שנועד לשבור דפוסים מגבילים ולשחרר את הפוטנציאל שלך. גלה כיצד אלפים דמיינו מחדש את עתידם."
-        primaryButton={{"href":"#contact","text":"קבע פגישת ייעוץ חינם"}}
-        title="שנה את הלך הרוח שלך, שנה את חייך"
-        secondaryButton={{"text":"גלה את השירותים שלנו","href":"#services"}}
+        secondaryButton={{"href":"#services","text":"גלה את השירותים שלנו"}}
+        brand="שנה את הלך הרוח שלך, שנה את חייך"
+        primaryButton={{"text":"קבע פגישת ייעוץ חינם","href":"#contact"}}
       />
     </div>
   );