/* base.css — 리셋·타이포그래피
   출처: design/mockups 19화면 공통. tokens.css 다음에 로드하세요. */
*{box-sizing:border-box}
body{margin:0; background:var(--bg); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Malgun Gothic",sans-serif; font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased;}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}
input,textarea,select{font:inherit;color:inherit}

/* 스크롤바 (17화면 공통) */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:rgba(55,53,47,.18);border-radius:5px;border:3px solid transparent;background-clip:content-box}

/* 제목 — design/DESIGN_SYSTEM.md §2 */
.doc-title{font-size:40px;font-weight:700;letter-spacing:-.02em}
.admin-title{font-size:24px;font-weight:600}
.h1{font-size:30px;font-weight:600;margin:1.4em 0 .25em}
.h2{font-size:24px;font-weight:600;margin:1.4em 0 .25em}
.h3{font-size:20px;font-weight:600;margin:1.4em 0 .25em}

/* 포커스 — 파란 outline 대신 inset 링 */
:focus{outline:none}
:focus-visible{box-shadow:0 0 0 2px var(--accent-bg) inset}