feat: tweak colors

src/lib/css/variables.scss

@@ -9,11 +9,13 @@ $mobile-breakpoint: "max-width: 768px";
     --color-on-primary: white;
 
     --color-accent: #303030;
-    --color-on-accent: #f2a6ac;
+    --color-on-accent: #EA8189;
 
     --color-dark: #161616;
     --color-dark-gradient: linear-gradient(0deg, var(--color-accent) 0%, var(--color-dark) 22%);
-    --color-on-dark: #f2a6ac;
+    --color-on-dark: #E35965;
+
+    --color-surface: #fff3f3;
 
     --color-link: var(--color-primary);
 

src/pages/index/games.scss

@@ -3,7 +3,7 @@
 
     display: flex;
     flex-direction: column;
-    background: var(--color-on-dark);
+    background: var(--color-surface);
     padding: 0;
 
     &--picture-wrapper {

src/pages/index/news.scss

@@ -1,6 +1,6 @@
 .news {
     @extend %card;
-    background: var(--color-on-dark);
+    background: var(--color-surface);
     padding: 0;
 
     display: flex;