@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.min.css");

/* ------------------------------------------------------------
 * base.css
 * - 공용 리셋/디자인 토큰/기본 타이포 전용
 * - 크림/골드/브라운 기반의 고급 복권 티켓 테마
 * ------------------------------------------------------------ */

:root{
  --font-ui:"Pretendard Variable","Pretendard","SUIT Variable","SUIT","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR","Segoe UI",sans-serif;
  --bg:#f7f7f5;
  --bg-soft:#fdfdfb;
  --surface:#ffffff;
  --surface-2:#f5f6f3;
  --surface-3:#eceeea;
  --line:#e3e6df;
  --line-strong:#d0d8d2;
  --line-soft:rgba(28,35,33,0.08);

  --text:#1d2322;
  --text-soft:#66706d;
  --text-faint:#919996;
  --text-strong:#101514;

  --accent:#2ac1a0;
  --accent-strong:#15957a;
  --accent-soft:#e6f7f2;

  --danger:#d46557;
  --success:#2c9f69;
  --info:#4a82d9;

  --gold-1:#dff7f0;
  --gold-2:#78d9c2;
  --gold-3:#24b991;
  --brown-1:#17372f;
  --brown-2:#102520;

  --shadow-soft:0 8px 22px rgba(20,28,26,0.06);
  --shadow-card:0 16px 34px rgba(20,28,26,0.08);
  --shadow-floating:0 18px 36px rgba(20,28,26,0.14);

  --radius-sm:12px;
  --radius-md:16px;
  --radius-lg:22px;
  --radius-xl:28px;
  --radius-2xl:34px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden}
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-behavior:smooth;
}
body{
  min-height:100vh;
  font-family:var(--font-ui);
  color:var(--text);
  font-weight:400;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,0.98) 0, rgba(255,255,255,0) 24%),
    linear-gradient(180deg, #fbfbf9 0%, #f2f3ef 100%);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
img,svg,canvas{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button{
  -webkit-tap-highlight-color:transparent;
  cursor:pointer;
}
input,textarea{
  color:var(--text-strong);
}
textarea{resize:vertical}
a{color:inherit;text-decoration:none}
strong{font-weight:700}
[hidden]{display:none !important}

::selection{
  background:rgba(42,193,160,0.25);
  color:var(--text-strong);
}

.tab-btn:focus-visible,
.hero-btn:focus-visible,
.modal-btn:focus-visible,
.online-subtab:focus-visible,
.storage-loadmore-btn:focus-visible,
.shared-action-btn:focus-visible,
.btn:focus-visible{
  outline:3px solid rgba(42,193,160,0.28);
  outline-offset:2px;
}

/* 모달이 열린 동안 배경 스크롤을 잠가 모바일 시트형 동작을 안정화합니다. */
body.modal-open{
  overflow:hidden;
}


/* ------------------------------------------------------------
 * 한글 가독성 우선 타이포 보정
 * - 기본은 400/500 위주, 핵심 강조만 700 이상
 * ------------------------------------------------------------ */
body,
button,
input,
select,
textarea{
  font-family:var(--font-ui);
  font-weight:450;
  letter-spacing:-0.015em;
  word-break:keep-all;
}

.card-head-sub,
.meta-label,
.hero-hint,
.result-hero-copy,
.chart-summary,
.storage-ticket-date,
.storage-ticket-foot,
.online-card-sub,
.online-card-date,
.online-empty,
.online-loading,
.online-error,
.status-chip{
  font-weight:500 !important;
}

.meta-value,
.confidence-title,
.confidence-value-text,
.storage-ticket-meta,
.storage-ticket-result,
.result-ticket-name,
.result-inline-meta-label,
.hero-btn,
.tab-btn,
.storage-grade-orb{
  font-weight:700 !important;
}

.card-head h2{
  font-weight:700 !important;
}


body,
button,
input,
select,
textarea,
.info-box,
.notice-box,
.shared-community-card,
.shared-detail-modal,
.shared-detail-card,
.modal-card,
.modal-card-wide,
.comment-item,
.online-empty,
.online-error,
.online-loading{
  font-family:var(--font-ui);
  font-weight:450;
}

.shared-community-card,
.shared-community-card *,
.shared-post-sheet-card,
.shared-post-sheet-card *{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}