/* src/styles/themes/default.scss */
:root {
  --foreground-default: #08090a;
  --foreground-secondary: #41474d;
  --foreground-tertiary: #797c80;
  --foreground-quaternary: #f4faff;
  --foreground-light: #41474d;
  --background-default: #fff;
  --background-secondary: #a3b9cc;
  --background-tertiary: #5c7d99;
  --background-light: #ffffff;
  --primary-default: #008ecf;
  --primary-dark: #24b286;
  --primary-light: #b2ffe7;
  --error-default: #ef3e36;
  --error-dark: #800600;
  --error-light: #ffcecc;
  --background-tertiary-shadow: 0 1px 3px 0 rgba(92, 125, 153, 0.5);
}
html,
body {
  height: 100%;
}
body {
  background: var(--background-default);
  margin: 0;
  font-family: var(--font-family-01);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body .app-comp {
  background: var(--background-default);
}
p,
span,
a,
button,
input,
em,
label,
div,
select {
  font-family: var(--font-family-01);
  letter-spacing: 0.2px;
}
.header-h2 p,
.header-h2 span,
.header-h2 a,
.header-h2 button,
.header-h2 input,
.header-h2 em,
.header-h2 label,
.header-h2 div,
.header-h2 select,
.sub-heading-s1 p,
.sub-heading-s1 span,
.sub-heading-s1 a,
.sub-heading-s1 button,
.sub-heading-s1 input,
.sub-heading-s1 em,
.sub-heading-s1 label,
.sub-heading-s1 div,
.sub-heading-s1 select,
.section-title p,
.section-title span,
.section-title a,
.section-title button,
.section-title input,
.section-title em,
.section-title label,
.section-title div,
.section-title select,
.body-b2 p,
.body-b2 span,
.body-b2 a,
.body-b2 button,
.body-b2 input,
.body-b2 em,
.body-b2 label,
.body-b2 div,
.body-b2 select,
.labels p,
.labels span,
.labels a,
.labels button,
.labels input,
.labels em,
.labels label,
.labels div,
.labels select {
  font-family: var(--font-family-roboto-bold) !important;
}
.header-h2 p.body-b,
.header-h2 span.body-b,
.header-h2 a.body-b,
.header-h2 button,
.header-h2 input,
.header-h2 em,
.header-h2 label.body-b,
.header-h2 div.body-b,
.header-h2 select,
.sub-heading-s1 p.body-b,
.sub-heading-s1 span.body-b,
.sub-heading-s1 a.body-b,
.sub-heading-s1 button,
.sub-heading-s1 input,
.sub-heading-s1 em,
.sub-heading-s1 label.body-b,
.sub-heading-s1 div.body-b,
.sub-heading-s1 select,
.section-title p.body-b,
.section-title span.body-b,
.section-title a.body-b,
.section-title button,
.section-title input,
.section-title em,
.section-title label.body-b,
.section-title div.body-b,
.section-title select,
.body-b2 p.body-b,
.body-b2 span.body-b,
.body-b2 a.body-b,
.body-b2 button,
.body-b2 input,
.body-b2 em,
.body-b2 label.body-b,
.body-b2 div.body-b,
.body-b2 select,
.labels p.body-b,
.labels span.body-b,
.labels a.body-b,
.labels button,
.labels input,
.labels em,
.labels label.body-b,
.labels div.body-b,
.labels select {
  font-family: var(--font-family-roboto-regular) !important;
}

/* angular:styles/global:default */