// Reset
@import "~normalize.css/normalize.css";

@import "fonts";

@import "~@jeykeu/font-os/assets/css/font-os.css";

$font-family-display: 'avenir next','avenir', '-apple-system', 'BlinkMacSystemFont', 'helvetica neue','helvetica','ubuntu','roboto','noto','segoe ui','arial','sans-serif';
$font-family-body: 'avenir next','avenir', '-apple-system', 'BlinkMacSystemFont', 'helvetica neue','helvetica','ubuntu','roboto','noto','segoe ui','arial','sans-serif';

// Bootstrap Grid
@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";
@import "~bootstrap/scss/bootstrap-grid";
@import "~bootstrap/scss/utilities/sizing";
@import "~bootstrap/scss/utilities/text";

@import "material-themes";

// Specific component overrides, pieces that are not in line with the general theming

html  {
  height: 100%;
  font-family: $font-family-body;
}

// Handle buttons appropriately, with respect to line-height
.mat-raised-button, .mat-stroked-button, .mat-flat-button {
  padding: 0 1.15em;
  margin: 0 .65em;
  min-width: 3em;
  line-height: 36.4px
}

.mat-standard-chip {
  padding: .5em .85em;
  min-height: 2.5em;
}


.mat-raised-button:not([class*=mat-elevation-z]) {
  border-radius: 0;
}

html {
  a {
    color: var(--primary-color);
  }
  .flex-space {
    flex: 1 1 auto;
  }

  @import "mixins";
  @import "variables";
  // Keep at the top

  @import "layouts";
  @import "nav";
  @import "banners";
  @import "tooltip";

  @import "stat-bar";
  @import "lists";
  @import "progress-bar";
  @import "images";
  @import "cards";
  @import "forms";
  @import "buttons";
  @import "tabs";
  @import "typography";
  @import "tables";

  // Keep at the end
  @import "utility";
}