@layer t2.legacy {
/* Path: T2Editor/css/dark.css */
/* ═══════════════════════════════════════════════════════════════════════════
 * 다크 환경 — 기능 전용 규칙만 남긴다.
 *
 * 이 개정에서 팔레트 규칙 전체(160여 줄)를 삭제했다. 이 파일은 law 705 §3-4 와
 * 무관한 자체 팔레트를 갖고 있었다:
 *   #1e1e1e / #2d2d2d / #383838 / #264f78 / #505050 / #606060 (VS Code 계열)
 *   --t2-paper: #171716, --t2-ink: #f1f0ec  (따뜻한 계열)
 * 이 값들은 t2-foundation.css 의 다크 토큰(#131519 / #1A1D22 / #21252A,
 * 차가운 계열)과 정면 충돌했고, 커스텀 속성은 t2.legacy 가 t2.token 을
 * 이기므로 실제로는 이 파일 쪽이 적용되고 있었다.
 *
 * 또한 이 파일은 다크 모드에서 채움형 active pill 을 되살리고 있었다:
 *   .t2-btn.active { background-color: #7FA8FF; color: #fff }
 * law 705 §6 과 707 D 위반이며, 라이트 모드만 고쳐도 다크에서 되살아나는
 * 이유가 이것이었다.
 *
 * 색은 전부 t2-foundation.css 의 html[data-t2editor-theme="dark"] 토큰
 * 블록에서 온다. 컴포넌트 규칙은 t2-visual-system.css 가 토큰만 참조하므로
 * 테마별 규칙이 필요하지 않다. 다크 값을 조정할 때는 이 파일이 아니라
 * t2-foundation.css 의 토큰을 고친다.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* 테마 적용 여부를 JS 가 확인하는 마커 요소 — 기능이므로 유지 */
#t2editor-dark-css { visibility: hidden; display: none; }
html[data-t2editor-theme="dark"] #t2editor-dark-css { visibility: visible; display: block; }

/* 토글 아이콘 교체 — 기능이므로 유지 */
html[data-t2editor-theme="dark"] .t2-dark-mode-icon  { display: none; }
html[data-t2editor-theme="dark"] .t2-light-mode-icon { display: inline-block; }
html[data-t2editor-theme="light"] .t2-dark-mode-icon  { display: inline-block; }
html[data-t2editor-theme="light"] .t2-light-mode-icon { display: none; }

/* 원격 협업 선택 영역은 다크에서 blend mode 를 뒤집어야 읽힌다 */
html[data-t2editor-theme="dark"] .t2-remote-selection { mix-blend-mode: screen; }
}