Add some variables to the scss files

Use the period API call for the program schema

resources/assets/sass/abstracts/_variables.scss

@@ -1,46 +1,14 @@
-
-// Body
-$body-bg: #f5f8fa;
-
-// Borders
-$laravel-border-color: darken($body-bg, 10%);
-$list-group-border: $laravel-border-color;
-$navbar-default-border: $laravel-border-color;
-$panel-default-border: $laravel-border-color;
-$panel-inner-border: $laravel-border-color;
-
-// Brands
-$brand-primary: #3097D1;
-$brand-info: #8eb4cb;
-$brand-success: #2ab27b;
-$brand-warning: #cbb956;
-$brand-danger: #bf5329;
-
-// Typography
-$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
-$font-family-sans-serif: "Raleway", sans-serif;
-$font-size-base: 14px;
-$line-height-base: 1.6;
-$text-color: #636b6f;
-
-// Navbar
-$navbar-default-bg: #fff;
-
-// Buttons
-$btn-default-color: $text-color;
-
-// Inputs
-$input-border: lighten($text-color, 40%);
-$input-border-focus: lighten($brand-primary, 25%);
-$input-color-placeholder: lighten($text-color, 30%);
-
-// Panels
-$panel-default-heading-bg: #fff;
+// Container
+$container-bg: #f9f9f9;
 
 // Nav
-$nav-text-color: #1a1a1a;
 $nav-text-weight: bold;
 $nav-text-size: 14px;
 
-// News
-$news-banner-text-color: #fff;
+// Base
+$text-color: #1a1a1a;
+$text-inverted-color: #fff;
+$text-secondary-color: #666;
+$text-dark-color: #282828;
+$element-bg: #fff;
+$text-description-color: #585858;