/* ==========================================================
   common.css - 공통 (리셋 · 컬러변수 · 타이포)
   ========================================================== */

:root {
    --bg:          #f7f6f3;   /* 페이지 배경 */
    --surface:     #ffffff;   /* 카드/박스 배경 */
    --text:        #1c1b19;   /* 기본 글자 */
    --muted:       #6f6b64;   /* 흐린 글자 */
    --line:        #e7e3dc;   /* 경계선 */
    --accent:      #c8632b;   /* 포인트 (테라코타) */
    --accent-soft: #f3e3d8;   /* 포인트 연한 배경 */
    --radius:      12px;
    --maxw:        1200px;
    --font:        system-ui, -apple-system, "Apple SD Gothic Neo",
                   "Malgun Gothic", "맑은 고딕", sans-serif;
}

/* --- 리셋 --- */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
    font-family: var(--font);
    color: var(--text);
    background: var(--bg);
    font-size: 15px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
ul, ol { margin: 0; padding: 0; list-style: none; }
img { max-width: 100%; height: auto; display: block; }
button, input, select, textarea { font: inherit; }

/* --- 타이포 --- */
h1, h2, h3, h4 { margin: 0 0 .5em; font-weight: 700; letter-spacing: -0.02em; }
h1 { font-size: 26px; }
h2 { font-size: 20px; }
p  { margin: 0 0 1em; }
.muted { color: var(--muted); }