@import url("fonts.css");

@import url("flex-spacers.css");

@import url("variables/variables-colors.css");
@import url("variables/variables-sizing.css");
@import url("variables/variables-transition.css");

@import url("components/accordion.css");
@import url("components/badge.css");
@import url("components/button.css");
@import url("components/card.css");
@import url("components/container.css");
@import url("components/divider.css");
@import url("components/form.css");
@import url("components/navigation.css");
@import url("components/survey-list.css");
@import url("components/tree-chart.css");

html {
  font-size: var(--font-size);
  font-optical-sizing: auto;
  font-family: "OpenSans", sans-serif;
  color: var(--color-contrast-negative);
  font-weight: 500;
}

/* Body universal reset and global settings */
body {
  margin: 0;
  padding: 0;
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-smoothing: unset;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  backface-visibility: hidden;
  scroll-behavior: smooth;
  line-height: 1.5;
  overscroll-behavior-y: none;
}

h1 {
  margin: var(--base-size) 0;
}