@use '@angular/material' as mat;
@include mat.core();
@import './colors-light.scss';

$ask-gray-palette: (
  50: var(--grey-50),
  100: var(--grey-100),
  200: var(--grey-200),
  300: var(--grey-300),
  400: var(--grey-400),
  500: var(--grey-500),
  600: var(--grey-600),
  700: var(--grey-700),
  800: var(--grey-800),
  900: var(--grey-900),
  contrast: (
    50:   rgba(var(--color-background-bounding-box), .87),
    100:  rgba(var(--color-background-bounding-box), .87),
    200:  rgba(var(--color-background-bounding-box), .87),
    300:  rgba(var(--color-background-bounding-box), .87),
    400:  rgba(var(--color-background-bounding-box), .87),
    500: var(--white),
    600: var(--white),
    700: var(--white),
    800: var(--white),
    900: var(--white),
  )
);

$primary: mat.define-palette(mat.$deep-orange-palette, 500);
$accent: mat.define-palette($ask-gray-palette, 400);

$theme: mat.define-light-theme((
 color: (
   primary: $primary,
   accent: $accent,
 )
));

@include mat.all-component-themes($theme);