1 files changed, 18 insertions, 13 deletions
diff --git a/src/components/CustomStyles.astro b/src/components/CustomStyles.astro
index 2b27954..ba1d327 100644
--- a/src/components/CustomStyles.astro
+++ b/src/components/CustomStyles.astro
@@ -25,19 +25,22 @@ import '@fontsource-variable/inter';
     --aw-font-serif: 'Inter Variable';
     --aw-font-heading: 'Inter Variable';
 
-    --aw-color-primary: rgb(1 97 239);
-    --aw-color-secondary: rgb(1 84 207);
-    --aw-color-accent: rgb(109 40 217);
+    /* New stone-inspired color palette */
+    --aw-color-primary: rgb(182 165 139); /* Ciepły granitowy beż - CTA, przyciski */
+    --aw-color-secondary: rgb(122 92 58); /* Brązowy klinkier - Hover CTA / ikonki */
+    --aw-color-accent: rgb(182 165 139); /* Ciepły granitowy beż - Akcent */
 
-    --aw-color-text-heading: rgb(0 0 0);
-    --aw-color-text-default: rgb(16 16 16);
-    --aw-color-text-muted: rgb(16 16 16 / 66%);
-    --aw-color-bg-page: rgb(255 255 255);
+    --aw-color-text-heading: rgb(43 43 43); /* Ciemny grafit - Wyraźny i kontrastowy */
+    --aw-color-text-default: rgb(43 43 43); /* Ciemny grafit - Tekst główny */
+    --aw-color-text-muted: rgb(43 43 43 / 66%); /* Ciemny grafit z przezroczystością */
+    --aw-color-bg-page: rgb(248 248 248); /* Jasny marmur - Tło główne */
+    --aw-color-bg-section: rgb(230 230 230); /* Szary piaskowiec - Sekcje/boxy */
 
     --aw-color-bg-page-dark: rgb(3 6 32);
 
     ::selection {
-      background-color: lavender;
+      background-color: rgb(182 165 139);
+      color: rgb(43 43 43);
     }
   }
 
@@ -46,18 +49,20 @@ import '@fontsource-variable/inter';
     --aw-font-serif: 'Inter Variable';
     --aw-font-heading: 'Inter Variable';
 
-    --aw-color-primary: rgb(1 97 239);
-    --aw-color-secondary: rgb(1 84 207);
-    --aw-color-accent: rgb(109 40 217);
+    /* Dark mode - keeping some stone inspiration but darker */
+    --aw-color-primary: rgb(182 165 139); /* Ciepły granitowy beż - CTA, przyciski */
+    --aw-color-secondary: rgb(122 92 58); /* Brązowy klinkier - Hover CTA / ikonki */
+    --aw-color-accent: rgb(182 165 139); /* Ciepły granitowy beż - Akcent */
 
     --aw-color-text-heading: rgb(247, 248, 248);
     --aw-color-text-default: rgb(229 236 246);
     --aw-color-text-muted: rgb(229 236 246 / 66%);
     --aw-color-bg-page: rgb(3 6 32);
+    --aw-color-bg-section: rgb(15 20 40); /* Darker section background */
 
     ::selection {
-      background-color: black;
-      color: snow;
+      background-color: rgb(182 165 139);
+      color: rgb(43 43 43);
     }
   }
 </style>