refacto: use sass variable on --primary-color

src/sass/themes/dlcm-theme.scss

@@ -18,7 +18,7 @@ body[theme=dlcm] {
   @include angular-material-theme($dlcm-theme);
   //$primary-palette: map-get($dlcm-theme, primary);
   //--primary-color: mat-color($primary-palette, default, 1.0);
-  --primary-color: #0277bd; // Should be equal to $mat-yareta-primary : 500
+  --primary-color: #{map-get($primary, 800)};
   --primary-color-lighter: #028dd6;
-  --primary-color-darker: #01579b;
+  --primary-color-darker: #{map-get($primary, 900)};
 }

src/sass/themes/yareta-theme.scss

@@ -91,7 +91,7 @@ $yareta-theme: mat-light-theme(
 // that you are using.
 body[theme=yareta] {
   @include angular-material-theme($yareta-theme);
-  --primary-color: #a2c252; // Should be equal to $mat-yareta-primary : 500
+  --primary-color: #{map-get($mat-yareta-primary, 500)};
   --primary-color-lighter: #b5c787;
   --primary-color-darker: #7a9a4d;
 }