@use '@angular/material' as mat;
@include mat.core();

$my-typography: mat.define-typography-config(
  $font-family: 'Farhang'
);

$my-theme: mat.define-light-theme((
 typography: $my-typography
));
@include mat.all-component-themes($my-theme);
@include mat.typography-hierarchy($my-typography);


/* ------- HACK ------- */

body {
  --mdc-filled-button-label-text-tracking: 0;
  --mdc-protected-button-label-text-tracking: 0;
  --mdc-text-button-label-text-tracking: 0;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-tracking: 0;
}

.mat-toolbar.mat-primary {
  color: white;
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-label-text-color: white;
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-text-color: white;
}