/* 화면 밝기 직접 선택 (html[data-theme]) — 선택하지 않으면 PC 설정을 따라가요 */
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#F3F0F8; --panel:#FFFFFF; --ink:#1E1633; --ink2:#5B5373; --line:#DDD6EA;
  --spine:#2A1E4A; --spineInk:#EDE7FA; --spineMute:#A89CC8;
  --hot:#E0336F; --hotSoft:#FCE3EC; --gold:#F2B705; --goldSoft:#FFF4CC; --violet:#6D4AFF; --violetSoft:#ECE7FF;
  --focus:#6D4AFF; --ok:#138A5A; --okSoft:#DDF4EA; --warn:#B23A3A;
  --q-a:#E0336F; --q-b:#6D4AFF; --q-c:#8A83A0;
  --st-cand:#8A83A0; --st-dm:#2F7FD8; --st-nego:#C77A00; --st-ok:#138A5A; --st-done:#6D4AFF; --st-no:#B23A3A;
  --term:#14101F; --termInk:#DCD6EE;
  --shadow:0 12px 40px rgba(30,22,51,.16);
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#15102A; --panel:#1E1838; --ink:#EEEAF8; --ink2:#A9A1C4; --line:#342C55;
  --spine:#0F0B20; --spineInk:#EEEAF8; --spineMute:#8C82AE;
  --hot:#FF4F8B; --hotSoft:#3A1A33; --gold:#FFC933; --goldSoft:#3A3014; --violet:#9D85FF; --violetSoft:#2A2250;
  --focus:#9D85FF; --ok:#3CC48A; --okSoft:#123526; --warn:#E06A6A;
  --q-a:#E63A76; --q-b:#7B5CFF; --q-c:#6F6890;
  --st-cand:#9C95B5; --st-dm:#5AA2F0; --st-nego:#F0A43A; --st-ok:#3CC48A; --st-done:#9D85FF; --st-no:#E06A6A;
  --term:#0C0917; --termInk:#DCD6EE;
  --shadow:0 12px 40px rgba(0,0,0,.5);
}
/* 어두운 화면 전용 색 */
:root[data-theme="dark"] .tg[data-c]{background:color-mix(in srgb, var(--tf) 30%, #1E1838);color:color-mix(in srgb, var(--tf) 35%, #ffffff)}
:root[data-theme="dark"] .ev{background:color-mix(in srgb, var(--kf) 28%, #1E1838);color:color-mix(in srgb, var(--kf) 30%, #ffffff);border-left-color:color-mix(in srgb, var(--kf) 60%, #ffffff)}
:root[data-theme="dark"] .titem:not(.done) .tchk.i3{background:#5A2A3C}
:root[data-theme="dark"] .titem:not(.done) .tchk.i2{background:#5A4222}
:root[data-theme="dark"] .titem:not(.done) .tchk.i1{background:#244A33}
/* 밝은 화면을 골랐을 때 PC의 어두운 설정 색을 되돌림 */
:root[data-theme="light"] .tg[data-c]{background:var(--tb);color:var(--tf)}
:root[data-theme="light"] .ev{background:var(--kb);color:var(--kf);border-left-color:var(--kf)}
:root[data-theme="light"] .titem:not(.done) .tchk.i3{background:#F9D3DF}
:root[data-theme="light"] .titem:not(.done) .tchk.i2{background:#FCE3C2}
:root[data-theme="light"] .titem:not(.done) .tchk.i1{background:#D3EFDA}

/* 사용자 이름 옆 밝기 버튼 */
.bar{height:56px;padding-top:0;padding-bottom:0}
.brand{display:flex;align-items:center}
.bar .brand .logo{line-height:1.1}
.themebtn{display:inline-flex;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:3px;margin:0 5px 0 2px}
.themebtn button{border:0;background:none;color:var(--spineMute);font-size:11px;padding:3px 9px;border-radius:999px;cursor:pointer;white-space:nowrap}
.themebtn button[aria-pressed="true"]{background:var(--spineInk);color:var(--spine);font-weight:700}
@media (max-width:760px){
  .themebtn{margin-left:auto}
  .themebtn button{padding:3px 7px}
}