/*
Typography
*/
:root {
  --font-primary: "Open Sans", sans-serif;
  --font-secondary: "Open Sans", sans-serif;
  --text-base: 1.25rem;
  --ratio: 1.2;
  --text-logo: calc(var(--text-maxi) * var(--ratio));
  --text-maxi: calc(var(--text-mega) * var(--ratio));
  --text-mega: calc(var(--text-big) * var(--ratio));
  --text-big: calc(var(--text-xxxl) * var(--ratio));
  --text-xxxl: calc(var(--text-xxl) * var(--ratio));
  --text-xxl: calc(var(--text-xl) * var(--ratio));
  --text-xl: calc(var(--text-lg) * var(--ratio));
  --text-lg: calc(var(--text-md) * var(--ratio));
  --text-md: calc(var(--text-base) * var(--ratio));
  --text-sm: calc(var(--text-base) / var(--ratio));
  --text-xs: calc(var(--text-sm) / var(--ratio));
  --text-xxs: calc(var(--text-xs) / var(--ratio));
  --base-line-height: calc(var(--text-base) * var(--ratio));
  --spacer: var(--base-line-height);
}

body {
  font-family: var(--font-primary);
  font-size: var(--text-base);
  line-height: var(--base-line-height);
  color: var(--black);
}

.text-regular {
  font-weight: normal !important;
}
.text-bold {
  font-weight: 900 !important;
}