improve light theme on frontpage

src/styles/main-page.css

@@ -22,6 +22,16 @@
 }
 
 h1.gradient-text {
+  background: linear-gradient(
+    30deg,
+    hsl(var(--green) 80 42),
+    hsl(var(--blue) 80 49)
+  );
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+html.dark h1.gradient-text {
   background: linear-gradient(
     30deg,
     hsl(var(--green) 100 62),
@@ -44,6 +54,12 @@ h1.gradient-text {
     font-weight: 400;
     letter-spacing: 0.018rem;
     margin-bottom: 0.117rem;
+    color: hsl(var(--blue) 40 33);
+  }
+}
+
+html.dark .main-page_hero-text {
+  & h2 {
     color: hsl(var(--blue) 100 83);
   }
 }
@@ -78,14 +94,38 @@ h1.gradient-text {
   height: 3.67rem;
   border-radius: 9px;
   overflow: hidden;
-  border: 1px solid transparent;
-  transition: border-color 0.3s;
+  border: 1px solid hsl(var(--green) 10 10);
+  transition: background-color 0.3s, border-color 0.3s;
+
+  background-color: hsl(var(--green) 38 30);
+  color: hsl(194 0 100);
 
   &:hover {
     cursor: pointer;
     text-decoration: none;
+    border-color: hsl(var(--green) 20 20);
+    background-color: hsl(var(--green) 48 40);
   }
 
+  &.main-page_bluecard {
+    border-color: hsl(var(--blue) 10 10);
+    background-color: hsl(var(--blue) 38 30);
+
+    &:hover {
+      border-color: hsl(var(--blue) 20 20);
+      background-color: hsl(var(--blue) 48 40);
+    }
+  }
+
+  & h3 {
+    z-index: 2;
+  }
+}
+
+html.dark .main-page_link-card {
+  background-color: transparent;
+  border-color: transparent;
+
   &::before {
     content: "";
     position: absolute;
@@ -111,6 +151,9 @@ h1.gradient-text {
   }
 
   &.main-page_bluecard {
+    background-color: transparent;
+    border-color: transparent;
+
     &::before {
       background: linear-gradient(
         115deg,
@@ -126,10 +169,6 @@ h1.gradient-text {
       }
     }
   }
-
-  & h3 {
-    z-index: 2;
-  }
 }
 
 .baselayout footer {