/* 앱 app/src/lib/theme.ts와 같은 역할 토큰(docs/color-playbook.md). 강조색은 링크·버튼에만, 제목은 글자색. */
:root{--bg:#FBF7F2;--surface:#FFFFFF;--text:#23201D;--muted:#6E655C;--line:#E9E1D6;--accent:#B5402A;--on-accent:#FFFFFF}
@media (prefers-color-scheme:dark){:root{--bg:#171412;--surface:#221E1B;--text:#F3EEE8;--muted:#B3A89C;--line:#3A332D;--accent:#EA8068;--on-accent:#171412}}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
header,main,footer{max-width:720px;margin:0 auto;padding:16px}header a{display:flex;gap:8px;align-items:center;color:var(--text);font-weight:700;text-decoration:none}
h1{color:var(--text)}h2{font-size:18px;margin-top:24px}a{color:var(--accent)}section{border-top:1px solid var(--line);padding-top:8px;margin-top:24px}
/* 언어 드롭다운: 현재 언어 버튼 + 목록. 테두리 없이 면·그림자(site/public/style.css와 같은 규칙). */
.lang{position:relative;font-size:14px;margin:8px 0 24px;display:inline-block}
.lang summary{list-style:none;cursor:pointer;padding:6px 10px;border-radius:8px;background:var(--surface);color:var(--text);font-weight:600;user-select:none}
.lang summary::-webkit-details-marker{display:none}.lang summary::after{content:" ▾";color:var(--muted)}
.lang ul{position:absolute;left:0;top:calc(100% + 4px);margin:0;padding:6px;list-style:none;background:var(--surface);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.14);min-width:150px;z-index:1}
.lang li a{display:block;padding:8px 10px;color:var(--text);border-radius:8px;white-space:nowrap;text-decoration:none}.lang li a:hover{background:var(--line)}.lang li a[aria-current=true]{font-weight:700}
.lang li a[aria-current=true]::after{content:" ✓";color:var(--accent)}
section[hidden]{display:none}
.button{display:inline-block;background:var(--accent);color:var(--on-accent);padding:10px 16px;border-radius:12px;text-decoration:none}footer{color:var(--muted);font-size:13px}