@import '~@angular/material/theming';
@import './variables.scss';

@include mat-core();
$primary: mat-palette($mat-indigo);
$accent: mat-palette($mat-pink, A200, A100, A400);
$warn: mat-palette($mat-red);
$theme: mat-light-theme($primary, $accent, $warn);
@include angular-material-theme($theme);
/*@font-face {
  font-family: 'Cairo-Regular';
  font-style: normal;
  font-weight: normal;
  src: url('/fonts/cairo/Cairo-Regular.eot');
  src: local('Cairo'), local('Cairo-Regular'), local('/fonts/cairo/Cairo-Regular.woff2') format('woff2'),
    local('Cairo-Regular.woff') format('woff'), url(/fonts/cairo/Cairo-Regular.ttf) format('truetype'),
    url('/fonts/cairo/Cairo-Regular.svg#Cairo-Regular') format('svg'),
    url('/fonts/cairo/Cairo-Regular.eot?#iefix') format('embedded-opentype');
}

@font-face {
  font-family: 'PageSans-Regular';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/page-sans/PageSans-Regular.eot');
  src: url('../fonts/page-sans/PageSans-Regular.woff') format('woff'),
    url('../fonts/page-sans/PageSans-Regular.ttf') format('truetype'),
    url('../fonts/page-sans/PageSans-Regular.svg#PageSans-Regular') format('svg');
}

@font-face {
  font-family: 'PageSans-Light';
  src: url('../fonts/page-sans/PageSans-Light.eot');
  src: url('../fonts/page-sans/PageSans-Light.woff') format('woff'),
    url('../fonts/page-sans/PageSans-Light.ttf') format('truetype'),
    url('../fonts/page-sans/PageSans-Light.svg#PageSans-Light') format('svg');
}

@font-face {
  font-family: 'WorkSans-Regular';
  src: url('../fonts/work_sans/WorkSans-Regular.woff2') format('woff2'),
    url('../fonts/work_sans/WorkSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'WorkSans-Medium';
  src: url('../fonts/work_sans/WorkSans-Medium.woff2') format('woff2'),
    url('../fonts/work_sans/WorkSans-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'WorkSans-Light';
  src: url('../fonts/work_sans/WorkSans-Light.woff2') format('woff2'),
    url('../fonts/work_sans/WorkSans-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'WorkSans-ExtraLight';
  src: url('../fonts/work_sans/WorkSans-ExtraLight.woff2') format('woff2'),
    url('../fonts/work_sans/WorkSans-ExtraLight.ttf') format('truetype');
}
*/
// Our dark theme
.dark-theme {
  $light-primary-text: orange;
  color: $light-primary-text;
  $dark-primary: mat-palette($mat-yellow);
  $dark-accent: mat-palette($mat-amber, A400, A100, A700);
  $dark-warn: mat-palette($mat-red);
  $dark-theme: mat-dark-theme($dark-primary, $dark-accent, $dark-warn);
  @include angular-material-theme($dark-theme);
  font-family: Cairo;
}
