html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
  color: var(--color-text);
  background: var(--color-bg);
  line-height: 1.6;
}

img,
svg {
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

strong,
.brand-cash {
  font-weight: 700;
}

.brand-wallet {
  font-weight: 300;
}

.section {
  padding: 96px 0;
}

.container {
  width: min(100% - calc(var(--container-padding) * 2), var(--container-width));
  margin-inline: auto;
}