* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-family-system);
  background: var(--color-bg);
  line-height: var(--line-height-normal);
  transition: background-color 0.3s ease, color 0.3s ease;
}


.container,
.home-container,
.blog-container-wrapper,
.policy-container-wrapper,
.navbar > div {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 540px) {
  .blog-container-wrapper,
  .policy-container-wrapper {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }
}

@media (min-width: 768px) {
  .blog-container-wrapper,
  .policy-container-wrapper {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }
}

@media (min-width: 1024px) {
  .blog-container-wrapper,
  .policy-container-wrapper {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }
}

@media (min-width: 1280px) {
  .blog-container-wrapper,
  .policy-container-wrapper {
    padding-left: var(--space-10);
    padding-right: var(--space-10);
  }
}

.no-transition,
.no-transition * {
  transition: none !important;
}