diff --git a/styles/base.less b/styles/base.less
index 69d3f79..c1a1ea2 100644
--- a/styles/base.less
+++ b/styles/base.less
@@ -1,4 +1,5 @@
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+@import "./config.less";
 
 html {
     body {
diff --git a/styles/config.less b/styles/config.less
new file mode 100644
index 0000000..ef62cc5
--- /dev/null
+++ b/styles/config.less
@@ -0,0 +1,18 @@
+//colors
+@bgColorBody: #e6e6e6;
+@bgColorHeader:#EAD945;
+@bgColorFooter: chocolate;
+@bgColorTable:#edce73;
+
+@colorLabelCheck:red;
+@bgColorInput:whitesmoke;
+@bgColorButton:white;
+
+//text-fonts
+@colorFooterP:#ffd045;
+@colorFooterSp:#ffde7c;
+
+//styles-border
+@widthBorder: 1px;
+@colorBorder:#007bff5e;
+@defaultBorder: @widthBorder solid @colorBorder;
\ No newline at end of file