/* 홈페이지 라이트 테마 + 언어/테마 전환 버튼. 다크가 landing.css 의 기본값이고, 여기서는 [data-theme="light"] 일 때만 덮어쓴다. */
:root[data-theme="light"]{--bg:#f6f2e8;--bg2:#ece6d6;--bg3:#e2dac6;--accent:#9a6a1f;--accent2:#4f7a3a;--text:#1f2a21;--text-dim:#566152;--border:#d3c9b0;color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark}
[data-theme="light"] .site-header{background:#f6f2e8f2}
[data-theme="light"] .nav-links{color:#33402f}
[data-theme="light"] .button{background:#b98530;border-color:#b98530;color:#fffaf0}
[data-theme="light"] .button:hover{background:#cc9942;color:#fffaf0}
[data-theme="light"] .hero-world{border-color:#cdbf9a;box-shadow:0 24px 60px #3a2f1a1f}
[data-theme="light"] .image-tag{background:#fffaf0e6;border-color:#0000001f;color:#2a3226}
[data-theme="light"] .chapter-strip i{color:#9aa58f}
[data-theme="light"] .farming-section{background:#efe9da}
[data-theme="light"] .screen{border-color:#cfc6ae;background:#e9e3d3}
[data-theme="light"] .automation-section{background:#f1ecdf}
[data-theme="light"] .block-example .example-block{background:#fbf7ee;border-color:#d9cfb8;box-shadow:0 4px #0000000f}
[data-theme="light"] .block-example>span{color:#9aa58f}
[data-theme="light"] .zoom-label{background:#fffaf0ec;border-color:#cfc6ae}
[data-theme="light"] kbd{border-color:#b5ab93}
[data-theme="light"] .download-section{background:#e7efdc;border-color:#c7d3b6}
[data-theme="light"] .journal-body p{color:#2e382c}

/* 전환 버튼 */
.site-prefs{display:flex;align-items:center;gap:8px}
.pref-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:38px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--text);font-size:12px;font-weight:600;letter-spacing:.02em;transition:border-color .2s,color .2s}
.pref-btn:hover{border-color:var(--accent);color:var(--accent)}
.pref-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pref-btn .icon-sun{display:none}
.pref-btn[data-state="dark"] .icon-sun{display:block}
.pref-btn[data-state="dark"] .icon-moon{display:none}
@media(max-width:900px){.navigation{gap:12px}.site-prefs{margin-left:auto;order:1}.menu-toggle{order:2}}