/* You can add global styles to this file, and also import other style files */

@use '@angular/material' as mat;

@font-face {
    font-family: Farhang;
    src: url('/FarhangVariable.woff') format('woff');
    font-display: fallback;
}

html {
  // color-scheme: light dark;
  @include mat.theme((
    // color: mat.$violet-palette,
    typography: Farhang,
    density: 0
  ));
}

html, body { height: 100%; }
body { margin: 0; font-family: Roboto, Farhang; }

.layout.vertical {
  display: flex;
  flex-direction: column;
  height: 100%;

  .flex {
    flex: 1;
  }
}

.page {
  &.full-height {
    position: fixed;
    inset: 0;
  }
}