/* src/styles/themes/dark.scss */
:root {
  --foreground-default: #5C7D99;
  --foreground-secondary: #A3B9CC;
  --foreground-tertiary: #F4FAFF;
  --foreground-quaternary: #E5E5E5;
  --foreground-light: #FFFFFF;
  --background-default: #161616;
  --background-secondary: #41474D;
  --background-tertiary: #08090A;
  --background-light: #41474D;
  --primary-default: #5DFDCB;
  --primary-dark: #24B286;
  --primary-light: #B2FFE7;
  --error-default: #EF3E36;
  --error-dark: #800600;
  --error-light: #FFCECC;
  --background-tertiary-shadow: "0 1px 3px 0 rgba(8, 9, 10, 0.5)";
}
html,
body {
  height: 100%;
}
body {
  background: var(--background-default);
  margin: 0;
  font-family: var(--font-family-01);
}
body .app-comp {
  background: var(--background-default);
}
p,
span,
a,
button,
input,
em,
label,
div,
select {
  font-family: var(--font-family-01);
}
.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;
}

/* angular:styles/global:dark */