/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --page-bg: #f7f2ea;
  --page-bg-accent: #efe2d4;
  --text-primary: #152037;
  --text-secondary: #46536a;
  --text-muted: #b9c4d5;
  --accent: #c2583a;
  --accent-strong: #e27d5f;
}

html,
body {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Avenir Next", "Segoe UI", sans-serif;
  color: var(--text-primary);
  background: radial-gradient(circle at top left, rgba(194, 88, 58, 0.16), transparent 28%), linear-gradient(180deg, var(--page-bg) 0%, #f8f5ef 45%, var(--page-bg-accent) 100%);
}

* {
  box-sizing: border-box;
}

/*# sourceMappingURL=styles.css.map*/