Creating the config.less file that contains color variables

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 {

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;