@use '@angular/material' as mat;

html,
body {
  height: 100%;
  margin: 0;

  font-family: var(--mat-sys-body-medium-font);
  background-color: var(--mat-sys-surface-container);

  color-scheme: light dark;
  @include mat.theme((
    color: mat.$azure-palette,
    typography: Roboto,
    density: 0));
}

.force-light-mode {
  color-scheme: light !important;
}

.force-dark-mode {
  color-scheme: dark !important;
}