/* import local fonts */
@use '@fontsource/roboto/scss/mixins' as Roboto;

/* general styles */
@import 'functions';
@import 'variables';
@import 'bootstrap/scss/bootstrap';
@import 'react-toastify/dist/ReactToastify';
@import 'mixins';
@import 'layout';

/* shared components */
@import 'buttons';
@import 'customSelect';
@import 'customCheckbox';
@import 'columnFilter';
@import 'formFields';
@import 'reactTable';
@import 'datePicker';
@import 'tooltip';
@import 'header';
@import 'footer';
@import 'spinner';

/* pages styles */
@import 'login';
@import 'account';
@import 'signup';
@import 'editSettings';
@import 'agreementsSettings';
@import 'userSettings';
@import 'incidents';
@import 'organization';
@import 'knowledgeBase';
@import 'error';

$roboto-weights: 300, 400, 500, 700;

@each $weight in $roboto-weights {
  @include Roboto.fontFace($weight: $weight, $display: swap, $unicodeMap: latin);
  @include Roboto.fontFace($weight: $weight, $display: swap, $unicodeMap: latin-ext);
  @include Roboto.fontFace($weight: $weight, $display: swap, $unicodeMap: latin, $style: italic);
  @include Roboto.fontFace($weight: $weight, $display: swap, $unicodeMap: latin-ext, $style: italic);
}
