@import '~@angular/material/theming';
@include mat-core(); 

$white:    #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black:    #000 !default;

$blue:    #2949EF !default;
$indigo:  #6610f2 !default;
$purple:  #6f42c1 !default;
$pink:    #FE4D2E !default;
$red:     #FE4D2E !default;
$orange:  #fd7e14 !default;
$yellow:  #FDA424 !default;
$green:   #06B5B6 !default; // #2CC0C1 , #39C3C4  // #18C5A9
$teal:    #20c997 !default;
$cyan:    #00BCD4 !default;

$primary:       #1b9264 !default;
$secondary:     $gray-600 !default;
$success:       $green !default;
$info:          $cyan !default;
$warning:       $orange !default;
$danger:        $red !default;
$light:         $gray-300 !default;
$dark:          $gray-800 !default;

$custom-primary-palette: (
    50 : #e4f2ec,
    100 : #bbded1,
    200 : #8dc9b2,
    300 : #5fb393,
    400 : #3da27b,
    500 : #1b9264,
    600 : #188a5c,
    700 : #147f52,
    800 : #107548,
    900 : #086336,
    A100 : #95ffc5,
    A200 : #62ffaa,
    A400 : #2fff8e,
    A700 : #15ff80,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #ffffff,
        500 : #ffffff,
        600 : #ffffff,
        700 : #ffffff,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);

$primary-palette: mat-palette($custom-primary-palette);
$accent-palette: mat-palette($custom-primary-palette);
$warn-palette: mat-palette($mat-orange);
$theme-palette: mat-light-theme($primary-palette, $accent-palette, $warn-palette);
@include angular-material-theme($theme-palette);