diff --git a/checkout/src/arquivos/sass/utils/_variaveis.scss b/checkout/src/arquivos/sass/utils/_variaveis.scss
index f000abe..e30e820 100644
--- a/checkout/src/arquivos/sass/utils/_variaveis.scss
+++ b/checkout/src/arquivos/sass/utils/_variaveis.scss
@@ -1,38 +1,51 @@
-/* fonts */
+/* Fonts */
 @import url("https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
 $font-family: "Open Sans", sans-serif;
-$font-family-secundary:"Tenor Sans", sans-serif;
+$font-family-secundary: "Tenor Sans", sans-serif;
 
 /* Colors */
-$color-black: #292929;
+$color-black1: #292929;
+$color-black2: #000000;
 
-$color-white: #fff;
+$color-white1: #fff;
+$color-white2: #f2f2f2;
+$color-white3: #DCDDE34D;
 
-$color-gray: #6c6c6c;
+$color-gray1: #6c6c6c;
 $color-gray2: #7d7d7d;
 $color-gray3: #f0f0f0;
 $color-gray4: #8d8d8d;
 $color-gray5: #e5e5e5;
+$color-gray6: #c4c4c4;
+$color-gray7: #989898;
+$color-gray8: #ededed;
+$color-gray9: #e0e0e0;
+$color-gray10: #585858;
 
-$color-blue: #4267b2;
+$color-blue1: #4267b2;
+$color-blue2: #00C8FF;
 
-$color-green: #4caf50;
+$color-green1: #4caf50;
+$color-green2: #298541;
+
+$color-orange1: #F15A31;
 
 /* Grid breakpoints */
 $grid-breakpoints: (
-	xs: 0,
-	cstm: 400,
-	sm: 576px,
-	md: 768px,
-	lg: 992px,
-	xl: 1200px
+    xs: 0,
+    cstm: 400px,
+    sm: 600px,
+    md: 1024px,
+    lg: 1280px,
+    xl: 2500px,
 ) !default;
 
+/* Z-index */
 $z-index: (
-	level1: 5,
-	level2: 10,
-	level3: 15,
-	level4: 20,
-	level5: 25
+    level1: 5,
+    level2: 10,
+    level3: 15,
+    level4: 20,
+    level5: 25,
 ) !default;