diff --git a/src/style/variables.scss b/src/style/variables.scss
new file mode 100644
index 00000000..9c221dcf
--- /dev/null
+++ b/src/style/variables.scss
@@ -0,0 +1,22 @@
+//SIZE
+$mobile-width: 31.25em;
+
+//COLOR
+$dark-color: hsl(0, 0%, 20%);
+$darker-color: hsl(0, 0%, 10%);
+$light-color: hsl(0, 0%, 80%);
+$lighter-color: hsl(0, 0%, 100%);
+
+$blue-color: rgb(63, 156, 234);
+$green-color: rgb(92, 190, 64);
+$yellow-color: rgb(255, 238, 0);
+$pink-color: rgb(246, 85, 160);
+$red-color: rgb(246, 27, 20);
+
+//FONTS
+$title-font: "PT Sans", Arial, sans-serif;
+$text-font: "PT Sans", Arial, sans-serif;
+
+//MENU
+$menu-colored-mark-thickness: 4px;
+$menu-inactive-item-color: hsl(0, 0%, 40%);
\ No newline at end of file