// Copyright (c) 2021 Intel Corporation
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
// Custom Theming for Angular Material
// For more information: https://material.angular.io/guide/theming
@import '~@angular/material/theming';
// Plus imports for other components in your app.

// Include the common styles for Angular Material. We include this here so that you only
// have to load a single css file for Angular Material in your app.
// Be sure that you only ever include this mixin once!
@include mat-core();

$mat-intel-dark-blue: (50 : #005B85,
  100 : #005B85,
  200 : #005B85,
  300 : #005B85,
  400 : #005B85,
  500 : #005B85,
  600 : #005B85,
  700 : #005B85,
  800 : #005B85,
  900 : #005B85,
  A100 : #005B85,
  A200 : #005B85,
  A400 : #005B85,
  A700 : #005B85,
  contrast: (50 : #000000,
    100 : #000000,
    200 : #000000,
    300 : #ffffff,
    400 : #ffffff,
    500 : #ffffff,
    600 : #ffffff,
    700 : #ffffff,
    800 : #ffffff,
    900 : #ffffff,
    A100 : #000000,
    A200 : #ffffff,
    A400 : #ffffff,
    A700 : #ffffff,
  ));


$mat-intel-light-blue: (50 : #e0f3fc,
  100 : #00C7FD,
  200 : #00C7FD,
  300 : #00C7FD,
  400 : #00C7FD,
  500 : #00C7FD,
  600 : #00C7FD,
  700 : #00C7FD,
  800 : #00C7FD,
  900 : #00C7FD,
  A100 : #00C7FD,
  A200 : #00C7FD,
  A400 : #00C7FD,
  A700 : #00C7FD,
  contrast: (50 : #000000,
    100 : #000000,
    200 : #000000,
    300 : #000000,
    400 : #000000,
    500 : #ffffff,
    600 : #ffffff,
    700 : #ffffff,
    800 : #ffffff,
    900 : #ffffff,
    A100 : #000000,
    A200 : #000000,
    A400 : #000000,
    A700 : #000000,
  ));

$custom-typography: mat-typography-config($font-family: IntelClearRg);
@include mat-table-typography($custom-typography);
@include mat-core($custom-typography);


// Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue. Available color palettes: https://material.io/design/color/
$gui-primary: mat-palette($mat-intel-dark-blue);
$gui-accent: mat-palette($mat-intel-light-blue);

// The warn palette is optional (defaults to red).
$gui-warn: mat-palette($mat-red);

// Create the theme object (a Sass map containing all of the palettes).
$gui-theme: mat-light-theme($gui-primary, $gui-accent, $gui-warn);

// Include theme styles for core and each component used in your app.
// Alternatively, you can import and @include the theme mixins for each component
// that you are using.
@include angular-material-theme($gui-theme);

/* You can add global styles to this file, and also import other style files */

html,
body {
  height: 100%;
}

body,
button {
  margin: 0;
  font-family: IntelOneBd;
  font-size: 12px;
}
