@media (max-width: 767px) {
  :root {
    --header-height: 64px;
    --bottom-navigation-height: 72px;
  }

  .app-header__inner {
    padding: 0 18px;
  }

  .brand__symbol {
    width: 32px;
    height: 32px;
    font-size: 18px;
  }

  .brand__text {
    font-size: 19px;
  }

  .header-button {
    width: 38px;
    height: 38px;
  }

  .app-main {
    padding:
      18px
      16px
      calc(var(--bottom-navigation-height) + 30px);
  }

  .setup-complete {
    min-height: 500px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .setup-complete__title {
    font-size: 30px;
  }

  .setup-complete__description {
    font-size: 15px;
  }
}

@media (min-width: 768px) {
  .bottom-navigation__inner {
    max-width: 560px;
  }
}/* 공통 반응형 스타일은 이후 단계에서 작성합니다. */