* {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

:root {
  --text-primary: #222222;
}

.typography {
  display: block;
  word-wrap: break-word;
}
.typography.primary {
  color: #222222;
}
.typography.secondary {
  color: #7d7d7d;
}
.typography.tertiary {
  color: #aaaaaa;
}
.typography.white {
  color: #ffffff;
}
.typography.black {
  color: #000000;
}
.typography.accent {
  color: var(--appboxo-ui-primary-color);
}
.typography.success {
  color: #27ae85;
}
.typography.warning {
  color: #ffcd00;
}
.typography.error {
  color: #e85e58;
}
.typography.heading1 {
  font-size: 56px;
  line-height: 64px;
}
.typography.heading2 {
  font-size: 24px;
  line-height: 32px;
}
.typography.heading3 {
  font-weight: 590;
  font-size: 18px;
  line-height: 28px;
}
.typography.body1 {
  font-size: 16px;
  line-height: 24px;
}
.typography.body2 {
  font-size: 14px;
  line-height: 20px;
}
.typography.body3 {
  font-size: 12px;
  line-height: 16px;
}
.typography.body4 {
  font-size: 10px;
  line-height: 14px;
}
.typography.button1 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.typography.button2 {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.typography.button3 {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.03em;
}
.typography.line-through {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}