Poprawki wyświetlania

src/styles/global.scss

@@ -1,3 +1,20 @@
+:root {
+  --clr-primary: #ffc014;
+  --clr-secondary: #2f2f2f;
+
+  --clr-bg: #333;
+
+  --clr-accent: #1085b3;
+  --clr-accent2: #ff3d5d;
+
+  --clr-skr: #ff5100;
+  --clr-twr: #ffbb00;
+
+  --clr-error: #df3e3e;
+  --clr-warning: #c59429;
+}
+
+
 html {
   scroll-behavior: smooth;
 }
@@ -171,4 +188,10 @@ ul {
   &-column {
     flex-direction: column;
   }
+}
+
+.text {
+  &--primary {
+    color: var(--clr-primary);
+  }
 }