Paleta de colores para SASS

resources/assets/sass/home.scss

@@ -1,3 +1,5 @@
+@import 'pallete';
+
 .header {
   color: inherit !important;
   font-family: inherit !important;
@@ -26,12 +28,14 @@
   .button {
     font-family: inherit;
     font-weight: 900;
+    background-color: $azul-oscuro !important;
+    color: white;
   }
 }
 
 #aviso {
   color: white;
-  background-color: #429ab7;
+  background-color: $marca;
   padding-top: 5rem;
   padding-bottom: 3rem;
   font-size: 1.6rem;
@@ -45,11 +49,11 @@
 #destacados {
   padding-top: 3rem;
   padding-bottom: 5rem;
-  background-color: #a7a9ab;
+  background-color: $gris-medio;
   min-height: 40rem;
 
   .header {
-    color: #0d103c !important;
+    color: $azul-oscuro !important;
     font-weight: 600;
   }
   .titulo {
@@ -64,7 +68,7 @@
 
     .content {
       .segment {
-        background-color: #e6e6e7 !important;
+        background-color: $gris-claro !important;
         padding-top: 0 !important;
         padding-bottom: 0 !important;
         font-weight: 300;
@@ -108,6 +112,10 @@
   padding-top: 4rem;
   padding-bottom: 4rem;
 
+  .titulo {
+    color: $azul-oscuro !important;
+  }
+
   .grid {
     .basic.segment {
       .header {
@@ -131,7 +139,7 @@
 }
 
 #indicadores {
-  background-color: #bbbdc0;
+  background-color: $gris-medio;
   padding-top: 1rem;
   padding-bottom: 1rem;
   min-height: 5rem;