/* ============================================================
   reset.css
   디자인 토큰(색상 변수)과 기본 리셋만 담당한다.
   레이아웃(header/footer)이나 콘텐츠 컴포넌트 스타일은 넣지 않는다.
   ============================================================ */

:root{
  /* 브랜드 포인트색(로고 그린) - 주요 액션 버튼(주문하기/확인/바로구매 등)은 이거 하나만 쓴다.
     여기 한 줄만 바꾸면 사이트 전체 버튼색이 같이 바뀜. */
  --brand-primary:#2f9155;
  --brand-primary-dark:#22703f;
  --brand-bright:#3fa860;
  --board-accent:var(--brand-primary);
  --board-accent-hover:var(--brand-primary-dark);
  --green-900:#0f2d4a;
  --green-800:#15436b;
  --green-700:#1c5788;
  --green-600:#2570a8;
  --green-500:#3a8fc4;
  --green-100:#e6f1f9;
  --amber-700:#166a94;
  --amber-600:#2f97cf;
  --amber-100:#e3f3fb;
  --ink:#222222;
  --ink-muted:#6b6b6b;
  --ink-faint:#999999;
  --paper:#ffffff;
  --paper-alt:#f5f5f5;
  --line:#e3e3e3;
  --line-strong:#c9c9c9;
  --sky-400:#5db3e0;
  --sky-500:#2f97cf;
  --sky-600:#1c7fb5;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:'Pretendard','Noto Sans KR',-apple-system,sans-serif;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}

/* 버튼/링크 호버 트랜지션 전체 공통 - 개별 버튼마다 안 넣어도 여기 하나로 다 적용됨 */
a,button,input[type=submit],input[type=button],input[type=reset]{
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease,transform .2s ease;
}
button{font-family:inherit;cursor:pointer;}
input[type=checkbox],input[type=radio],
.board-wrap input[type=checkbox],.board-wrap input[type=radio]{accent-color:var(--brand-primary) !important;}
.chk_box input[type=checkbox]:checked + label span{
  background-color:var(--brand-primary) !important;
  border-color:var(--brand-primary-dark) !important;
}
.chk_box input[type=radio]:checked + label span{border-color:var(--brand-primary) !important;}
.chk_box input[type=radio]:checked + label span:before{background-color:var(--brand-primary) !important;}
.board-wrap .bo_fx .btn_bo_user button.btn_list_action{
  width:auto;height:38px;padding:0 13px;gap:6px;white-space:nowrap;
  border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink-muted);font-weight:700;
}
.board-wrap .bo_fx .btn_bo_user button.btn_list_action:hover{
  border-color:var(--board-accent);background:#fff;color:var(--board-accent);
}
.board-wrap .cmt_btn span.total{color:var(--brand-primary) !important;}
.board-wrap .cmt_btn span.total:after{background:var(--brand-primary) !important;}
.board-wrap #bo_vc,.board-wrap #bo_vc_w{
  --bd-accent:var(--brand-primary);
  --bd-accent-dark:var(--brand-primary-dark);
}
.voice{font-family:'Gowun Batang',serif;}

.wrap{max-width:1400px;margin:0 auto;}

/* 그누보드 게시판 스킨 등에서 쓰는 스크린리더 전용 숨김 텍스트.
   원래 theme/basic의 css/default.css에만 정의돼 있던 규칙인데,
   독립형 페이지들은 그 파일을 안 불러오므로 여기(reset.css)로 옮겨온다.
   없으면 "관리자"/"글쓰기" 같은 안내문구가 버튼 안에 그대로 노출/줄바꿈된다. */
.msg_sound_only, .sound_only{
  display:inline-block !important;position:absolute !important;top:0;left:0;
  width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;
  font-size:0 !important;line-height:0 !important;border:0 !important;overflow:hidden !important;
}

::selection{background:var(--green-100);}