1 files changed, 19 insertions, 9 deletions
diff --git a/assets/main.css b/assets/main.css
index 1c42bba..413fa16 100755
--- a/assets/main.css
+++ b/assets/main.css
@@ -23,6 +23,16 @@
  *
  */
 
+:root {
+    --color-main: #a94286;
+    --color-main-dim: rgba(168, 66, 134, 0.125);
+    --color-main-dim-active: rgba(168, 66, 134, 0.25);
+    --color-back: #1c0310;
+    --color-link-normal: #c74e8e;
+    --color-link-hover: #943a6a;
+    --color-link-click: #612645;
+}
+
 @font-face {
     src: url("/assets/fonts.ttf");
     font-family: Pixellari;
@@ -47,14 +57,14 @@
 }
 
 body {
-    background: #0c031d;
-    color: #a963ff;
+    background: var(--color-back);
+    color: var(--color-main);
     font-family: Pixellari, system-ui, -apple-system, sans-serif;
     font-size: 18px;
 }
 
 .b {
-    border: 1px solid #a963ff;
+    border: 1px solid var(--color-main);
     padding: 10px;
     margin-bottom: 20px;
 }
@@ -91,15 +101,15 @@ body {
 }
 
 .link {
-    color: #844ec7;
+    color: var(--color-link-normal);
 }
 
 .link:hover {
-    color: #623a94;
+    color: var(--color-link-hover);
 }
 
 .link:active, .link:focus {
-    color: #402661;
+    color: var(--color-link-click);
 }
 
 .link-el {
@@ -107,7 +117,7 @@ body {
     display: block;
     margin: -1px;
     padding: 10px;
-    border: 1px solid #a963ff;
+    border: 1px solid var(--color-main);
 }
 
 .links-box {
@@ -136,11 +146,11 @@ body {
 }
 
 .link-el:hover {
-    background: rgba(169, 99, 255, 0.1);
+    background: var(--color-main-dim);
 }
 
 .link-el:active, .link-el:hover {
-    background: rgba(169, 99, 255, 0.25);
+    background: var(--color-main-dim-active);
 }
 
 #footer-intro {