@import "~@angular/material/theming";

// http://mcg.mbitson.com/#!?mcgpalette0=%232962ff&themename=b2b

$mat-b2b: (
  50: #e5ecff,
  100: #d4e0ff,
  200: #a9c0ff,
  300: #7fa1ff,
  400: #5481ff,
  500: #2962ff,
  600: #214ecc,
  700: #193b99,
  800: #102766,
  900: #081433,
  A100: #ffffff,
  A200: #f7f8ff,
  A400: #c4ccff,
  A700: #abb5ff,
  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,
  ),
);

@include mat-core();
// Default
$core-primary: mat-palette($mat-b2b);
$core-accent: mat-palette($mat-pink, A200, A100, A400);
$core-warn: mat-palette($mat-red);
// Bootstrap
// $custom-collection: (warning: $warning,
//   success: $success,
//   danger: $danger,
//   info: $info,
//   secondary: $secondary,
//   contrast: (warning: $white,
//     success: $white,
//     danger: $white,
//     info: $white,
//     secondary: $gray));
// Create the theme object. A theme consists of configurations for individual
// theming systems such as `color` or `typography`.
// $custom-theme: mat-palette($custom-collection, custom);
$core-theme: mat-light-theme($core-primary, $core-accent, $core-warn);
// $core-theme: map_merge($core-theme, (custom: $custom-theme));
// $custom: map-get($core-theme, custom);
@include angular-material-theme($core-theme);
