/* 밝은 톤 — 같은 구조, 토큰만 바꾼다. 강조색(초록)과 검정 사각은 그대로 */
:root[data-theme=light]{--bg:#F3F3EF;--bg-2:#E9E9E3;--bg-3:#DFDFD8;--line:#D2D2CB;--ink:#121211;--ink-2:#4B4B47;--ink-3:#7B7B75;color-scheme:light}
:root[data-theme=light] body{background:var(--bg);color:var(--ink)}
/* GNB — 반전 블렌드 대신 검정 글자 */
:root[data-theme=light] .nav{mix-blend-mode:normal;color:var(--ink)}
:root[data-theme=light] .nav .logo i{animation-name:alive-l}
:root[data-theme=light] .navcta i,:root[data-theme=light] .menu a[aria-current=page]::after{background:var(--ink)}
@keyframes alive-l{0%{background:#121211}50%{background:#00C277}}
/* 인디케이터 */
:root[data-theme=light] .ix .rail{background:rgba(18,18,17,.18)}
:root[data-theme=light] .ix .fill{background:#121211}
:root[data-theme=light] .ix button{border-color:rgba(18,18,17,.5);background:var(--bg)}
:root[data-theme=light] .ix li.done button{background:#121211;border-color:#121211}
:root[data-theme=light] .ix .lb,:root[data-theme=light] .ix .num{color:#121211}
/* 이미지 위 글자·그라데이션 */
:root[data-theme=light] .panel .ph{background:#ECECE7}
:root[data-theme=light] .panel .ph::after{display:none}
:root[data-theme=light] .geo-b{background:rgba(243,243,239,.9)}
:root[data-theme=light] .pv .in{background:var(--g)}
/* 테마 전환 버튼 */
.thm{position:fixed;top:19px;right:calc(var(--pad,24px) + var(--ctaw,120px) + 28px);z-index:55;display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:1px solid var(--line,#2A2A28);background:var(--bg,#0E0E0D);color:var(--ink-2,#B4B4AE);font:500 12px "IBM Plex Mono",ui-monospace,monospace;cursor:pointer;transition:right .6s var(--ease,cubic-bezier(.2,.7,.2,1)),top .6s var(--ease,cubic-bezier(.2,.7,.2,1))}
.thm::before{content:"";width:9px;height:9px;border:1px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.thm:hover{color:var(--ink,#F2F2EE)}
/* 10/16 디자인 의견: 우상단. GNB 가 접히면(.min) 초록 메뉴 버튼 왼쪽으로 붙는다 */
.nav.min~.thm{top:14px;right:calc(var(--pad,24px) + 54px);height:44px}
/* 모바일: 아이콘만 */
@media (max-width:900px){
  .thm,.nav.min~.thm{top:14px;bottom:auto;left:auto;right:calc(var(--pad,20px) + 54px);width:44px;height:44px;padding:0;justify-content:center;font-size:0;gap:0}
  .thm::before{width:14px;height:14px}
}
:root[data-theme=light]{--sqd:#0A0A0A;--sqd-ink:#FFFFFF;--sqd-edge:none}