change theme

assets/css/style.css

@@ -1,25 +1,29 @@
 :root {
-  --bg: #f5f6fa;
+  --bg: #f6f7f8;
   --surface: #ffffff;
-  --text: #1c1e26;
-  --text-muted: #6b7280;
-  --accent: #4f5bd5;
-  --accent-2: #7c3aed;
-  --border: #e7e9f0;
-  --shadow: 0 10px 30px rgba(24, 28, 47, 0.06);
+  --text: #231f20;
+  --text-muted: #5b6066;
+  --accent: #ee0949;
+  --accent-2: #ad0536;
+  --border: #e3e6e9;
+  --shadow: 0 10px 30px rgba(35, 31, 32, 0.07);
   --radius: 16px;
+  --hero-from: #8c0631;
+  --hero-to: #440217;
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --bg: #0f1117;
-    --surface: #171923;
-    --text: #f1f2f6;
-    --text-muted: #9ca3af;
-    --accent: #818cf8;
-    --accent-2: #a78bfa;
-    --border: #262a38;
-    --shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
+    --bg: #120608;
+    --surface: #1d0e11;
+    --text: #f5eef0;
+    --text-muted: #ac9ea2;
+    --accent: #ff2f63;
+    --accent-2: #ff6b8f;
+    --border: #3a1e23;
+    --shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
+    --hero-from: #530a24;
+    --hero-to: #200510;
   }
 }
 
@@ -44,7 +48,7 @@ body {
 
 /* Hero */
 .hero {
-  background: linear-gradient(135deg, var(--accent), var(--accent-2));
+  background: linear-gradient(135deg, var(--hero-from), var(--hero-to));
   padding: 64px 20px 100px;
   color: #fff;
 }
@@ -238,7 +242,9 @@ body {
 }
 
 .project-card {
-  display: block;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
   background: var(--bg);
   border: 1px solid var(--border);
   border-radius: 12px;
@@ -270,6 +276,8 @@ body {
   font-size: 0.85rem;
   font-weight: 600;
   color: var(--accent);
+  margin-top: auto;
+  padding-top: 10px;
 }
 
 /* Footer */