@use '@angular/material' as mat;

@include mat.core();

//Fonts
@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Roboto');

//Imports
@import "mat-palettes";

// Define a light theme
$mat-theme-ignore-duplication-warnings: true;
$light-primary: mat.m2-define-palette($light-unity-palette);
$light-accent: mat.m2-define-palette($light-unity-palette);
$light-typography: mat.m2-define-typography-config(
  $font-family: '"Roboto","Source Sans Pro",Poppins',
  $button: mat.m2-define-typography-level(14px, 14px, 500, $letter-spacing: 0.25px)
);
$light-theme: mat.m2-define-light-theme((
  color: (
    primary: $light-primary,
    accent: $light-accent,
  ),
  typography: $light-typography
));

// Define a dark theme
$dark-primary: mat.m2-define-palette($dark-unity-palette);
$dark-accent: mat.m2-define-palette($dark-unity-palette);
$dark-theme: mat.m2-define-dark-theme((
  color: (
    primary: $dark-primary,
    accent: $dark-accent
  ),
));

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

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

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

.the-dense-zone {
  @include mat.form-field-density(-2);
}

@import "material/mdc";
@import "global";