:root {
  --spacing: 8px;
}

/* 360px 이하 화면용 스타일 (mobile) */
@media (max-width: 360px) {
  :root {
    --spacing: 4.8px;
  }
}

/* 361px ~ 480px 화면용 스타일 (mobile) */
@media (min-width: 361px) and (max-width: 480px) {
  :root {
    --spacing: 5.44px;
  }
}

/* 481px ~ 760px 화면용 스타일 (mobile) */
@media (min-width: 481px) and (max-width: 760px) {
  :root {
    --spacing: 6.08px;
  }
}

/* 761px ~ 960px 화면용 스타일 (tablet) */
@media (min-width: 761px) and (max-width: 960px) {
  :root {
    --spacing: 6.72px;
  }
}

/* 961px ~ 1200px 화면용 스타일 (tablet) */
@media (min-width: 961px) and (max-width: 1200px) {
  :root {
    --spacing: 7.36px;
  }
}

/* 1201px ~ 화면용 스타일 (tablet) */
@media (min-width: 1201px) {
  :root {
    --spacing: 8px;
  }
}