:root {
  font-size: 10px;
  --spacing: 2rem;
  --spacing-content: 2rem;
  --spacing-row: 4rem;

  --color-primary: #000000;
  --color-secondary: #1039ca;
  --color-secondary-opacity: rgba(16, 57, 202, 0.5);
  --color-secondary-contrast: #ffffff;
  --color-tertiary: #51d5ff;
  --color-tertiary-contrast: #0037d1;
  --color-tertiary-opacity: rgba(81, 213, 255, 0.3);
  --color-background: #ffffff;
  --color-background-dark: #c2e7ff;
  --color-danger: #e33022;
  --color-overlay: rgba(16, 57, 202, 0.9);
  --logo-width: 7.6rem;
  --logo-height: 8.8rem;
  --logo-height-large: 16.5rem;
  --logo-width-large: 19.2rem;
}

@media screen and (min-width: 992px) {
  :root {
    --spacing: 7rem;
    --spacing-content: 4rem;
    --logo-height-large: 29.4rem;
    --logo-width-large: 25.1rem;
    --logo-width: 8.1rem;
    --logo-height: 9.5rem;
    --spacing-row: 7rem;
  }
}

@media screen and (min-width: 1440px) {
  :root {
    --spacing: 11rem;
    --spacing-content: 8.8rem;
    --spacing-row: 9rem;
  }
}
@media screen and (min-width: 1920px) {
  :root {
    --spacing-content: 12rem;
    --spacing: 35.6rem;
  }
}
.background__secondary {
  background-color: var(--color-secondary);
  color: var(--color-secondary-contrast);
}
.background__secondary * {
  color: var(--color-secondary-contrast);
}
.background__secondary-light {
  background-color: var(--color-secondary-light);
}
.background__tertiary {
  background-color: var(--color-tertiary);
  color: var(--color-tertiary-contrast);
}
.background__tertiary * {
  color: var(--color-tertiary-contrast);
}
.color__secondary {
  color: var(--color-secondary) !important;
}
.color__secondary--light {
  color: var(--color-secondary-light) !important;
}
.color__tertiary {
  color: var(--color-tertiary) !important;
}
.color__light {
  color: var(--color-light);
}
.color__gray {
  color: var(--color-gray);
}
.color__white {
  color: #ffffff;
}
.color__danger {
  color: var(--color-danger) !important;
}
.mb__1 {
  margin-bottom: 1rem;
}
.mb__2 {
  margin-bottom: 2rem;
}
.mb__3 {
  margin-bottom: 3rem;
}
.mb__4 {
  margin-bottom: 4rem;
}
.mb__5 {
  margin-bottom: 5rem;
}

.ls__small {
  letter-spacing: 1.26px;
}.ls__large {
  letter-spacing: 3.2px;
}