@import url("./basic.css");
@import url("./common.css");
@import url("./contents.css");
@import url("./popup.css");
@import url("./reactive.css");

@import url("https://use.typekit.net/scq2qgm.css");

:root {
  --bg: #3c465c;
  --primary: #fff;
  --solid: #fff;
  --red_1: #ff274f;
  --red_2: #d00127;
  --pink: #fff2f4;
  --black: #444;
  --btn-w: 10em;
  --dot-w: calc(var(--btn-w) * 0.2);
  --tr-X: calc(var(--btn-w) - var(--dot-w));
}

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

#section-4,
.wide {
  overflow-y: auto;
  max-height: 100vh;
}

.board-content.preparing {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 80px 20px;
  text-align: center;
  min-height: 400px;
  border-radius: 12px;
}

.preparing-box {
  max-width: 500px;
}

.preparing-img {
  max-width: 240px;
  margin-bottom: 40px;
  opacity: 0.8;
}

.preparing-title {
  font-family: pretendard, sans-serif;
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 10px;
  color: #333;
}

.preparing-text {
  font-family: pretendard, sans-serif;
  font-size: 1.6rem;
  color: #777;
}

.preparing-title,
.preparing-text {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Noto Sans KR", Arial, "Apple SD Gothic Neo", "Malgun Gothic",
    sans-serif !important;
}

/* === tablet/mobile scroll hotfix === */
html, body { overflow-y: auto !important; -webkit-overflow-scrolling: touch; }