@import "../../node_modules/bootstrap/scss/functions";
@import "../../node_modules/bootstrap/scss/variables";
@import "../../node_modules/bootstrap/scss/mixins";

$theme-colors: map-merge(
  $theme-colors,
  (
    "primary": #892eff,
  )
);

$link-color: #892eff;
$link-hover-color: #5800cc;

@import "../../node_modules/bootstrap/scss/bootstrap-reboot";
@import "../../node_modules/bootstrap/scss/bootstrap";

button {
  color: #000;
  padding: 1px 6px;
  border-radius: 0;
}

.unstyled_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#root {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;

  --header-z-index: 100;
  --toast-z-index: 2000;
  --scroll-to-top-z-index: 1000;
  --playbook-nav-z-index: 10;
}

@font-face {
  font-family: SourceSans3;
  src: url("../data/font/SourceSans3/SourceSans3-VariableFont_wght.ttf");
  font-weight: 200 900;
  font-style: normal;
}
@font-face {
  font-family: SourceSans3;
  src: url("../data/font/SourceSans3/SourceSans3-Italic-VariableFont_wght.ttf");
  font-weight: 200 900;
  font-style: italic;
}
body {
  font-family: SourceSans3 !important;
}

body,
html {
  margin: 0;
  padding: 0;
}

.bs-svg {
  vertical-align: -0.125em;
}

h2 {
  font-size: 24px;
  margin-bottom: 0;
}

h3 {
  font-size: 20px;
  margin-bottom: 0;
}

h4 {
  font-size: 16px;
  margin-bottom: 0;
}
