diff --git a/fe/src/App.css b/fe/src/App.css
index b9d355d..fed1043 100644
--- a/fe/src/App.css
+++ b/fe/src/App.css
@@ -1,3 +1,23 @@
+:root {
+  --color-primary: #AA5CC3;
+  --color-secondary: #00A4DC;
+  --color-dark: #000B25;
+  --color-bg: #101010;
+  --color-accent: #00A4DC;
+}
+
+body {
+  background-color: var(--color-bg);
+  color: white;
+}
+
+h1 {
+  background: linear-gradient(to bottom right, var(--color-primary), var(--color-secondary));
+  color: linear-gradient(to bottom right, var(--color-primary), var(--color-secondary));
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
 #root {
   max-width: 1280px;
   margin: 0 auto;