diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 7d35f26..e16180f 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -13,11 +13,11 @@ export const Header = () => {
   };
 
   return (
-    <header className="bg-dyadYellow p-4 flex justify-between items-center text-white">
+    <header className="bg-primary p-4 flex justify-between items-center text-primary-foreground">
       <div className="flex items-center">
         <Sheet open={isSheetOpen} onOpenChange={setSheetOpen}>
           <SheetTrigger asChild>
-            <Button variant="ghost" size="icon" className="md:hidden text-white">
+            <Button variant="ghost" size="icon" className="md:hidden text-primary-foreground">
               <Menu className="h-6 w-6" />
               <span className="sr-only">Toggle navigation</span>
             </Button>
diff --git a/tailwind.config.js b/tailwind.config.js
index 634b9bc..6e4a068 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -24,9 +24,8 @@ module.exports = {
         background: "hsl(var(--background))",
         foreground: "hsl(var(--foreground))",
         primary: {
-          DEFAULT: "hsl(var(--primary))",
-          foreground: "hsl(var(--primary-foreground))",
-          dark: "#1a202c", // Existing primary-dark
+          DEFAULT: "#ffc905", // New primary color
+          foreground: "#000000", // New primary text color (black)
         },
         secondary: {
           DEFAULT: "hsl(var(--secondary))",
@@ -52,7 +51,6 @@ module.exports = {
           DEFAULT: "hsl(var(--card))",
           foreground: "hsl(var(--card-foreground))",
         },
-        dyadYellow: "#ffc905", // New custom color
       },
       borderRadius: {
         lg: "var(--radius)",