@charset "utf-8";
/* 솔문 다크테마
   - 라이믹스 2.1.36 이 body 에 color_scheme_dark / color_scheme_light 를 자동으로 붙인다
     (OS 설정 감지 + rx_color_scheme 쿠키 기억). 이 파일은 그 클래스에 색만 입힌다.
   - 코어·스킨 파일은 한 글자도 고치지 않는다. 애드온을 끄면 즉시 원상복구.
   - 전략: 팔레트를 변수로 두고, 밝은 배경과 어두운 글자를 쓰는 실제 선택자만 골라 덮는다.
     무차별 filter:invert 는 사진·로고가 깨지므로 쓰지 않는다.
*/

body.color_scheme_dark {
  --d-bg:      #0f1012;
  --d-surface: #17181c;
  --d-surface2:#1d1f24;
  --d-line:    #2a2d34;
  --d-line2:   #34383f;
  --d-text:    #e6e7ea;
  --d-text2:   #a8abb3;
  --d-text3:   #74787f;
  --d-accent:  #ff6a4d;
  --d-gold:    #d4ab6a;

  background: var(--d-bg);
  color: var(--d-text);
}

/* ── 1. 공통 · 레이아웃(xedition) ── */
body.color_scheme_dark .container,
body.color_scheme_dark .body,
body.color_scheme_dark .content,
body.color_scheme_dark #content { background: transparent; color: var(--d-text); }

body.color_scheme_dark .header { background: var(--d-surface2); border-bottom: 1px solid var(--d-line); }
body.color_scheme_dark .header a,
body.color_scheme_dark .gnb a,
body.color_scheme_dark .lnb a { color: var(--d-text); }
body.color_scheme_dark .gnb a:hover,
body.color_scheme_dark .lnb a:hover,
body.color_scheme_dark .lnb li.on > a { color: var(--d-accent); }
body.color_scheme_dark .lnb { border-color: var(--d-line); }
body.color_scheme_dark .lnb > ul > li { border-color: var(--d-line); }

body.color_scheme_dark .footer,
body.color_scheme_dark .footer_wrap { background: var(--d-surface2); border-top: 1px solid var(--d-line); color: var(--d-text2); }
body.color_scheme_dark .footer a { color: var(--d-text2); }

body.color_scheme_dark .visual:after,
body.color_scheme_dark .sub_visual:after { background: rgba(10,10,12,.55); }

/* ── 2. 새로 만든 화면들 (.smn .sab .smp2 .spc) ── */
body.color_scheme_dark .smn,
body.color_scheme_dark .sab,
body.color_scheme_dark .smp2,
body.color_scheme_dark .spc {
  --a:    var(--d-accent);
  --ink:  var(--d-text);
  --sub:  var(--d-text2);
  --line: var(--d-line);
  --soft: var(--d-surface2);
  color: var(--d-text);
}
body.color_scheme_dark .smn-card,
body.color_scheme_dark .sab-grid li,
body.color_scheme_dark .sab-end,
body.color_scheme_dark .smp2-map,
body.color_scheme_dark .smp2-info,
body.color_scheme_dark .spc-fam li,
body.color_scheme_dark .spc-feat li,
body.color_scheme_dark .spc-tbl,
body.color_scheme_dark .spc-tbl ul li { background: var(--d-surface); border-color: var(--d-line); }

body.color_scheme_dark .smn-hd,
body.color_scheme_dark .spc-tbl-hd,
body.color_scheme_dark .spc-feat li:first-child { background: var(--d-surface2); border-color: var(--d-line); }
body.color_scheme_dark .smn-list tr { border-color: var(--d-line); }
body.color_scheme_dark .smn-list tr:hover td { background: var(--d-surface2) !important; }
body.color_scheme_dark .smn-notice li,
body.color_scheme_dark .sab-body p,
body.color_scheme_dark .sab-box p { color: var(--d-text2); }
body.color_scheme_dark .smn-notice strong,
body.color_scheme_dark .sab-lead p { color: var(--d-text); }
body.color_scheme_dark .spc-tbl .spc-de span,
body.color_scheme_dark .smp2-tips { background: var(--d-surface2); border-color: var(--d-line); color: var(--d-text2); }

/* 원래도 어두웠던 강조 블록은 한 톤 더 눌러 대비 유지 */
body.color_scheme_dark .sab-hl,
body.color_scheme_dark .smp-quote,
body.color_scheme_dark .smh-why,
body.color_scheme_dark .smh-hero { background-color: #08090b; }

/* 라이트에서 검정이던 버튼은 다크에서 강조색으로 */
body.color_scheme_dark .sab-links a.on,
body.color_scheme_dark .smp2-btns a.on,
body.color_scheme_dark .smh-plan div.on a { background: var(--d-accent); border-color: var(--d-accent); color: #fff; }
body.color_scheme_dark .sab-links a,
body.color_scheme_dark .smp2-btns a { border-color: var(--d-line2); color: var(--d-text); }

/* 로고는 밝은 배경 전제라 다크에서 살짝 띄운다 */
body.color_scheme_dark .smp2-logo { background: #fff; padding: 6px 8px; border-radius: 8px; }

/* ── 3. 게시판 스킨 (sketchbook5) ── */
body.color_scheme_dark .bd,
body.color_scheme_dark .bd_lst_wrp,
body.color_scheme_dark .rd,
body.color_scheme_dark .bd_zine { background: transparent; color: var(--d-text); }
body.color_scheme_dark .bd a,
body.color_scheme_dark .rd a { color: var(--d-text); }
body.color_scheme_dark .bd a:hover { color: var(--d-accent); }

body.color_scheme_dark .bd_lst thead th,
body.color_scheme_dark .bd_lst .notice,
body.color_scheme_dark .bd .bd_srch_wrp,
body.color_scheme_dark .bd_tl,
body.color_scheme_dark .cnt_head { background: var(--d-surface2) !important; border-color: var(--d-line) !important; color: var(--d-text); }
body.color_scheme_dark .bd_lst tbody tr,
body.color_scheme_dark .bd_lst td,
body.color_scheme_dark .bd_lst th { border-color: var(--d-line) !important; background: transparent !important; }
body.color_scheme_dark .bd_lst tbody tr:hover td { background: var(--d-surface) !important; }
body.color_scheme_dark .bd_lst .no,
body.color_scheme_dark .bd_lst .author,
body.color_scheme_dark .bd_lst .time,
body.color_scheme_dark .bd_lst .m_no { color: var(--d-text3) !important; }

body.color_scheme_dark .rd_hd,
body.color_scheme_dark .rd_ft,
body.color_scheme_dark .rd_nav,
body.color_scheme_dark .fdb_lst_wrp,
body.color_scheme_dark .rd_fnt_prv { background: var(--d-surface) !important; border-color: var(--d-line) !important; }

/* 본문에 인라인으로 박힌 흰 배경/검은 글자는 사용자가 쓴 것이라 강제하지 않는다.
   대신 본문 영역 자체를 살짝 밝혀 읽히게 한다. */
body.color_scheme_dark .rd_body.xe_content { background: var(--d-surface); padding: 18px; border-radius: 10px; }

body.color_scheme_dark .bd_btn,
body.color_scheme_dark .btn_img,
body.color_scheme_dark .ipt_txt,
body.color_scheme_dark .bd_faq li a { background: var(--d-surface2) !important; border-color: var(--d-line2) !important; color: var(--d-text) !important; }
body.color_scheme_dark .bd_pg a,
body.color_scheme_dark .bd_pg strong { background: var(--d-surface2); border-color: var(--d-line); color: var(--d-text2); }
body.color_scheme_dark .bd_pg strong,
body.color_scheme_dark .bd_pg a:hover { background: var(--d-accent); border-color: var(--d-accent); color: #fff; }

body.color_scheme_dark input[type=text],
body.color_scheme_dark input[type=password],
body.color_scheme_dark input[type=email],
body.color_scheme_dark input[type=search],
body.color_scheme_dark input[type=number],
body.color_scheme_dark input[type=tel],
body.color_scheme_dark select,
body.color_scheme_dark textarea { background: var(--d-surface2); border-color: var(--d-line2); color: var(--d-text); }
body.color_scheme_dark ::placeholder { color: var(--d-text3); }

body.color_scheme_dark .widget_login,
body.color_scheme_dark .login_widget,
body.color_scheme_dark .ncenter_login { background: var(--d-surface) !important; color: var(--d-text); }

/* ── 4. 모바일 레이아웃(solmoon2026) ── */
body.color_scheme_dark .sm-wrap { background: var(--d-bg); }
body.color_scheme_dark .sm-body { background: var(--d-bg); color: var(--d-text); }
body.color_scheme_dark .sm-ft { background: var(--d-surface2); border-color: var(--d-line); }
body.color_scheme_dark .sm-tab { background: rgba(23,24,28,.96); border-color: var(--d-line); }
body.color_scheme_dark .sm-tab a { color: var(--d-text3); }
body.color_scheme_dark .sm-tab a.on { color: var(--d-text); }

body.color_scheme_dark .smh,
body.color_scheme_dark .smp,
body.color_scheme_dark .smm,
body.color_scheme_dark .sab {
  --a:    var(--d-accent);
  --ink:  var(--d-text);
  --sub:  var(--d-text2);
  --line: var(--d-line);
  --soft: var(--d-surface2);
}
body.color_scheme_dark .smh-prod a,
body.color_scheme_dark .smh-help a,
body.color_scheme_dark .smh-plan div,
body.color_scheme_dark .smh-end,
body.color_scheme_dark .smp-card,
body.color_scheme_dark .smp-list li,
body.color_scheme_dark .smp-made li,
body.color_scheme_dark .smp-end,
body.color_scheme_dark .smm-info,
body.color_scheme_dark .smm-embed,
body.color_scheme_dark .sab-box { background: var(--d-surface); border-color: var(--d-line); }
body.color_scheme_dark .smp-card-hd,
body.color_scheme_dark .smp-more,
body.color_scheme_dark .smh-feat summary i,
body.color_scheme_dark .smm-tips { background: var(--d-surface2); border-color: var(--d-line); }
body.color_scheme_dark .smh-stats,
body.color_scheme_dark .smh-stats div,
body.color_scheme_dark .smh-feat details,
body.color_scheme_dark .smh-feat,
body.color_scheme_dark .smp-mods li,
body.color_scheme_dark .smp-faq a,
body.color_scheme_dark .sab-body section { border-color: var(--d-line); }

/* ── 5. 전환 버튼 ── */
.rx-scheme-toggle {
  position: fixed; right: 18px; bottom: 18px; z-index: 90;
  width: 44px; height: 44px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: #fff; color: #0a0a0a;
  border: 1px solid #e0e0e4; box-shadow: 0 4px 14px rgba(0,0,0,.14);
  cursor: pointer; padding: 0; line-height: 0;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.rx-scheme-toggle:hover { border-color: #c4c4c8; }
body.color_scheme_dark .rx-scheme-toggle {
  background: var(--d-surface2); color: var(--d-text); border-color: var(--d-line2);
  box-shadow: 0 4px 14px rgba(0,0,0,.45);
}
.rx-scheme-toggle .ico-sun { display: none; }
.rx-scheme-toggle .ico-moon { display: block; }
body.color_scheme_dark .rx-scheme-toggle .ico-sun { display: block; }
body.color_scheme_dark .rx-scheme-toggle .ico-moon { display: none; }
@media (max-width: 720px) {
  .rx-scheme-toggle { bottom: calc(70px + env(safe-area-inset-bottom, 0px)); right: 14px; width: 42px; height: 42px; }
}

/* 다크에서 눈부신 본문 이미지 살짝 눌러주기 */
body.color_scheme_dark .rd_body img,
body.color_scheme_dark .xe_content img { filter: brightness(.92); }

/* ── 6. 위젯 내부 보정 ──
   content/counter/login 위젯 스킨이 자체 CSS 로 #333·흰 배경을 강제한다.
   위젯이 만든 마크업만 골라 덮는다(우리 카드 안쪽 한정). */
body.color_scheme_dark .smn-list a,
body.color_scheme_dark .smn-list a:link,
body.color_scheme_dark .smn-list a:visited { color: var(--d-text) !important; }
body.color_scheme_dark .smn-list a:hover { color: var(--d-accent) !important; }
body.color_scheme_dark .smn-list td.title { color: var(--d-text) !important; }
/* 게시판 이름(카테고리) 칸 — 위젯이 첫 칸에 넣는다 */
body.color_scheme_dark .smn-list td:first-child,
body.color_scheme_dark .smn-list .category,
body.color_scheme_dark .smn-list td:first-child a { color: var(--d-text2) !important; }
body.color_scheme_dark .smn-list td.time,
body.color_scheme_dark .smn-list td.date { color: var(--d-text3) !important; }

/* 방문자수(daerew_counter) — 흰 배경 블록과 회색 글자 */
body.color_scheme_dark .smn-count div,
body.color_scheme_dark .smn-count p,
body.color_scheme_dark .smn-count span,
body.color_scheme_dark .smn-count table,
body.color_scheme_dark .smn-count td { background: transparent !important; color: var(--d-text2) !important; border-color: var(--d-line) !important; }
body.color_scheme_dark .smn-count .visitor,
body.color_scheme_dark .smn-count strong,
body.color_scheme_dark .smn-count b { color: var(--d-text) !important; }

/* 로그인 위젯(webengine_black) 은 원래 어두운 스킨이라 테두리만 맞춘다 */
body.color_scheme_dark .smn-login .xe-widget-wrapper,
body.color_scheme_dark .smn-count .xe-widget-wrapper { background: transparent !important; }

/* 위젯이 만든 표 전반 — 우리 카드 안쪽에서만 */
body.color_scheme_dark .smn-list table,
body.color_scheme_dark .smn-list tbody,
body.color_scheme_dark .smn-list thead { background: transparent !important; }
body.color_scheme_dark .smn-list th { color: var(--d-text2) !important; }