@use 'sass:map';
@use '@angular/material' as mat;
@use '../all-theme';
@use '../typography';

$dq-palette: (
  50: #e1f5fd,
  100: #b4e5fb,
  200: #82d4f8,
  300: #53c3f4,
  400: #31b6f2,
  500: #0d81df,
  600: #149be1,
  700: #1088cd,
  800: #0f77b9,
  900: #095797,
  A100: #6dc6ff,
  A200: #3ab2ff,
  A400: #079eff,
  A700: #0090ec,
  contrast: (
    50: #000000,
    100: #000000,
    200: #000000,
    300: #000000,
    400: #000000,
    500: #000000,
    600: #ffffff,
    700: #ffffff,
    800: #ffffff,
    900: #ffffff,
    A100: #000000,
    A200: #000000,
    A400: #ffffff,
    A700: #ffffff
  )
);

$primary: mat.m2-define-palette($dq-palette, 900);
$accent: mat.m2-define-palette($dq-palette, 500);
$warn: mat.m2-define-palette(mat.$m2-red-palette);
$typography: typography.$igo-typography;

$theme: mat.m2-define-light-theme(
  (
    color: (
      primary: $primary,
      accent: $accent,
      warn: $warn
    ),
    typography: $typography,
    density: 0
  )
);

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

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