/* 다크모드 (data-theme="dark") — taxjang 전 페이지 공용
 * 각 페이지 인라인 <style> 뒤에 로드되어 색 변수를 오버라이드한다. */
:root[data-theme="dark"]{
  --ink:#ECECEF;--ink-2:#C6C6CC;--muted:#9C9CA3;--muted-2:#7D7D84;
  --paper:#15161A;--paper-2:#1F2126;--paper-3:#282B31;--card:#1D1F24;
  --line:#31343B;--line-2:#3E4149;
  --amber-bg:#3A2F14;--amber-line:#6A531F;
  --teal-soft:rgba(14,154,167,.16);--blue-soft:rgba(28,111,181,.16);
  color-scheme:dark;
}
[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
/* 헤더 로고 텍스트 이미지(픽셀 고정 · 라이트/다크 자동 스왑) */
.hd .brand .logo-txt,.hd-brand .logo-txt{height:36px;width:auto}
.logo-txt{display:block}
/* 심볼 img 규칙(.hd .brand img 등, 명시도 0,2,1)을 이기도록 브랜드 컨텍스트로 스코프 */
.hd .brand .lt-dark,.hd-brand .lt-dark{display:none}
[data-theme="dark"] .hd .brand .lt-light,[data-theme="dark"] .hd-brand .lt-light{display:none}
[data-theme="dark"] .hd .brand .lt-dark,[data-theme="dark"] .hd-brand .lt-dark{display:block}
@media(max-width:400px){.hd .brand .logo-txt,.hd-brand .logo-txt{height:31px}}
[data-theme="dark"] header{background:rgba(21,22,26,.85)}
/* var(--ink) 배경 + 흰 글씨로 뒤집히는 요소들 */
[data-theme="dark"] .kpi.total{background:#0C0D10}
[data-theme="dark"] .cta-inner{background:#0C0D10}
[data-theme="dark"] .cta-inner .btn-pri{color:#15161A}
[data-theme="dark"] .hd .cta{background:#2C2E35;color:var(--ink)}
[data-theme="dark"] .share-link{background:transparent}
/* 유의사항·경고 카드(짙은 앰버 배경) 텍스트 밝게 */
[data-theme="dark"] .caution-card li,[data-theme="dark"] .warn{color:#E7C98B}
[data-theme="dark"] .caution-card b,[data-theme="dark"] .warn b{color:#F0B94A}
[data-theme="dark"] select{background-color:var(--paper-2)}
/* 헤더 전화번호 파랑: 다크에서 밝게(시인성) */
[data-theme="dark"] .hd .tel{color:#5AA7EE}
/* 세그먼트 선택 버튼: 컨테이너(--paper-2)보다 밝게 */
[data-theme="dark"] .seg button.on{background:var(--paper-3)}
[data-theme="dark"] .opts button.on{background:rgba(10,102,194,.16)}
/* 칼럼 필터·기타 흰 배경 버튼 */
[data-theme="dark"] .filters button{background:var(--paper-2)}
/* 코드/약식 결과 등 흰 배경 하드코딩 요소 */
[data-theme="dark"] .kpi{background:var(--paper-2)}
/* 색상 텍스트 배지(어두운 초록·앰버) 다크에서 밝게 */
[data-theme="dark"] .hh-badge.one{color:#5FCF97}
[data-theme="dark"] .hh-badge.multi{color:#F0B94A}
[data-theme="dark"] .caution-card .disc{color:#E7C98B}
[data-theme="dark"] .gapline.ok{color:#5FCF97}
[data-theme="dark"] .badge.opt{color:#C6C6CC}

/* 라이트/다크 토글 버튼 (공용, 우하단 고정) */
/* 데스크톱: 상단 우측(헤더 아래) · 모바일: 하단 우측 */
#themeToggle{position:fixed;top:74px;right:20px;z-index:90;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);background:var(--card);color:var(--ink-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:border-color .15s,transform .1s;-webkit-tap-highlight-color:transparent}
#themeToggle:hover{border-color:var(--ink-2);color:var(--ink)}
@media(max-width:640px){#themeToggle{top:auto;bottom:20px;right:18px;width:44px;height:44px}}
#themeToggle:active{transform:scale(.94)}
#themeToggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
/* 아이콘 = 전환할 대상(라이트일 땐 달=다크로, 다크일 땐 해=라이트로) */
#themeToggle .sun{display:none}
#themeToggle .moon{display:block}
[data-theme="dark"] #themeToggle .moon{display:none}
[data-theme="dark"] #themeToggle .sun{display:block}
@media (prefers-reduced-motion:reduce){#themeToggle{transition:none}}
@media print{#themeToggle{display:none!important}}

/* 카카오톡 채널 추가 CTA (공용) — 옐로 #FEE500 고정(브랜드 컬러 예외), 라이트·다크 동일 */
.kakao-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#FEE500;color:#191919;font-weight:700;font-size:.95rem;line-height:1;padding:12px 20px;border-radius:12px;text-decoration:none;border:none;cursor:pointer;transition:filter .15s,transform .08s;-webkit-tap-highlight-color:transparent}
.kakao-btn:hover{filter:brightness(.96)}
.kakao-btn:active{transform:scale(.98)}
.kakao-btn .k-ic{width:20px;height:20px;flex-shrink:0;fill:#191919}
.kakao-btn span{color:#191919}
.kakao-banner{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--paper-2);margin:14px 0}
.kakao-banner .kakao-msg{margin:0;font-size:.95rem;line-height:1.55;color:var(--ink-2);word-break:keep-all}
@media(max-width:560px){.kakao-btn{width:100%}}
/* 인라인 텍스트링크 변형(개편안 경고 문구 안에 삽입) */
.kakao-invite{color:var(--muted);font-weight:500}
.kakao-chip{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;background:#FEE500;color:#191919;font-weight:700;font-size:.85em;line-height:1;padding:6px 11px;border-radius:8px;text-decoration:none;white-space:nowrap;margin-top:2px;transition:filter .15s}
.kakao-chip:hover{filter:brightness(.95)}
.kakao-chip .k-ic{width:15px;height:15px;flex-shrink:0;fill:#191919}
.kakao-chip span{color:#191919}
@media print{.kakao-cta,.kakao-banner{display:none!important}}