TRI-293: add customer-form + adaptive

styles/moover/animate.scss

@@ -1,7 +1,7 @@
 .animate {
   padding: 60px 40px 49px;
   opacity: 0;
-  background-color: var(--color-black2);
+  background-color: var(--brand-black2);
   border-radius: 30px;
   color: white;
   margin-bottom: 160px;

styles/moover/cards.scss

@@ -94,7 +94,7 @@
     }
 
     a {
-      color: var(--color-orange);
+      color: var(--brand-orange);
     }
   }
 

styles/moover/chatterbox.scss

@@ -157,7 +157,7 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      background: var(--color-primary);
+      background: var(--brand-primary);
       border: 0;
       border-radius: 50%;
       transition: opacity 100ms linear;

styles/moover/easy.scss

@@ -82,7 +82,7 @@
 
   &__item {
     border-radius: 30px;
-    background-color: var(--color-grey);
+    background-color: var(--brand-grey);
     /*background-color: #a72525;*/
     text-align: left;
     padding: 21px;

styles/moover/header.scss

@@ -18,7 +18,7 @@
     padding-top: 7px;
     padding-bottom: 7px;
     box-shadow: var(--box-shadow-primary);
-    border-bottom: 1px solid var(--color-grey);
+    border-bottom: 1px solid var(--brand-grey);
   }
 
   &__grid,

styles/moover/root.scss

@@ -33,19 +33,19 @@
 }
 
 :root {
-  --color-primary: #FF613A;
-  --color-white: #FFFFFF;
-  --color-black: #000000;
-  --color-black2: #272424;
-  --color-grey: #F1F1F1;
-  --color-grey2: #7A7979;
-  --color-orange: #FF613A;
+  --brand-primary: #FF613A;
+  --brand-white: #FFFFFF;
+  --brand-black: #000000;
+  --brand-black2: #272424;
+  --brand-grey: #F1F1F1;
+  --brand-grey3: #7A7979;
+  --brand-orange: #FF613A;
 
 
   --box-shadow-primary: -1px 4px 10px 0 rgba(198, 199, 203, 0.20),
   0 -1px 10px 0 rgba(198, 199, 203, 0.20);
   text-align: center;
-  color: var(--color-black2);
+  color: var(--brand-black2);
 }
 
 html,

styles/moover/use.scss

@@ -56,7 +56,7 @@
     font-size: 18px;
     font-weight: 600;
     line-height: 26px;
-    color: var(--color-grey2);
+    color: var(--brand-grey3);
   }
 
   .title {