/*
 * 다크 테마 — 시스템 설정(prefers-color-scheme: dark)일 때만 적용.
 * 옛 스타일·스킨·템플릿이 흰 배경과 검은 글자를 곳곳에 고정해 두어서 그것들을 덮어쓴다.
 * 게시글 본문은 작성자가 넣은 검정 글자·흰 배경 지정만 풀고 다른 색은 그대로 둔다.
 */
@media (prefers-color-scheme: dark) {
    :root { color-scheme: dark; --bg: #0d131b; --panel: #131b25; --panel2: #18222e; --line: #26313e; --ink: #d3dae3; --soft: #93a1b3; --link: #8fbcff; }

    body { background: var(--bg); }
    body, td, p, input, button, textarea, select, .c1 { color: var(--ink); }
    a:link, a:visited, a:active { color: var(--link); }
    input, textarea, select { background-color: var(--panel2); border-color: #3a4757; }
    input[type=image] { background: transparent; }

    /* 표 배경·선 (bgcolor 속성은 CSS 보다 약하므로 !important 없이 덮인다) */
    [bgcolor="#FFFFFF" i], [bgcolor="white" i] { background-color: var(--panel); }
    [bgcolor="#E7E7E7" i], [bgcolor="#EBEBEB" i], [bgcolor="#F0F0F0" i], [bgcolor="#dedede" i],
    [bgcolor="#CCCCCC" i], [bgcolor="#8F8F8F" i] { background-color: var(--line); }
    [bgcolor="#EEEEEE" i], [bgcolor="whitesmoke" i], [bgcolor="#F7F7F7" i] { background-color: var(--panel2); }

    /* 좌측 메뉴 */
    #leftbar ul { background-color: #111922; }
    .menu, .menu2 { border-color: #1f2a36 !important; color: #c3ccd6 !important; background-color: transparent; }
    a.menu:link, a.menu:visited { color: #c3ccd6; }
    .menu:hover, .menu2:hover { background-color: #182231 !important; color: #ffb27a !important; border-right-color: #E65B00 !important; }
    .blackinput { background: #0b0f15; }

    /* 게시판 스킨(mw.basic) */
    #mw_basic, #mw_basic td, #mw_basic a { color: var(--ink); }
    #mw_basic .mw_basic_list_title, #mw_basic .mw_basic_view_subject { background-color: var(--panel2); }
    #mw_basic .mw_basic_list_title td, #mw_basic .mw_basic_list_title td a { color: #9fb6d0; }
    #mw_basic .mw_basic_view_content { background-color: var(--panel); border-color: var(--line); color: var(--ink); }
    #mw_basic .mw_basic_view_content a, #mw_basic .mw_basic_comment_content td a { color: var(--link); }
    #mw_basic .mw_basic_page a { background-color: var(--panel2); border-color: var(--line); color: #b8c3d0; }
    .mw_basic_text, .mw_basic_textarea { border-color: #3a4757 !important; }
    #commentContents table[style*="co_title_bg"] { background: var(--panel2) !important; }
    #commentContents td[style*="border-top"] { border-color: var(--line) !important; }
    .write_head { background: var(--panel2) !important; color: #9fb6d0 !important; }
    .restore_note { background: #16202b; border-left-color: #3b5b85; color: var(--soft); }

    /* 게시글·댓글 본문의 작성자 지정 색 가운데 어두운 배경에서 안 보이는 것만 푼다 */
    #view_content [style*="color: rgb(0, 0, 0)"], #view_content [style*="color:rgb(0,0,0)"],
    #view_content [style*="color: #000"], #view_content [style*="color:#000"], #view_content [style*="color: black"],
    #view_content font[color="#000000" i], #view_content font[color="black" i], #view_content font[color="#000" i] { color: inherit !important; }
    #view_content [style*="background-color: rgb(255, 255, 255)"], #view_content [style*="background-color:#fff"],
    #view_content [style*="background-color: #fff"], #view_content [style*="background: white"],
    #view_content [bgcolor="#ffffff" i], #view_content [bgcolor="white" i] { background-color: transparent !important; }

    /* 홈 최근글·슬라이더 */
    font[style*="color:#6A6A6A"] { color: #b3bdc9 !important; }
    .dp_slider2 { background-color: var(--panel) !important; border-color: var(--line) !important; }
    .dp_slider2 li:hover { background: #1a2532 !important; }
    .dp_slider2 li.selected { background: #22303f !important; }
    .dp_slider2 ul li img { background: var(--panel) !important; }

    /* 천문 도구 */
    .sample { background-color: var(--panel) !important; border-color: #3a4757 !important; }
    table[style*="border:black"] { border-color: #3a4757 !important; }
    html body .pl { --pl-ink: var(--ink); --pl-soft: var(--soft); --pl-line: var(--line); }
    html body .pl-card { background: var(--panel); }
    html body .pl-hours, .pl-row { background: var(--panel) !important; }
    html body .pl-row label { text-shadow: 0 0 3px #000, 0 0 3px #000; }
    html body .pl-list li:nth-child(even) { background: #111922; }
    html body .pl-list li.tw .what { color: #9fb6d0; }
    .ps, .ps .lead { color: var(--ink); }
    .ps-bar { background: var(--panel); border-color: var(--line); }
    .ps-bar input, .ps-bar select { background: var(--panel2); border-color: #3a4757; color: var(--ink); }
    .ps-bar button { background: var(--panel2); border-color: #3a4757; color: var(--ink); }
    .ps-place { color: var(--link); }

    /* 옛 페이지의 font color=blue 등 어두운 원색 글자 */
    font[color="blue" i], font[color="#0000ff" i], [style*="color:blue"] { color: #7fb0ff !important; }
    font[color="navy" i], font[color="#000080" i] { color: #9fb6d0 !important; }
    /* 달 위상 사진의 흰 모서리를 둥글게 잘라 어두운 배경에 어울리게 */
    img[src*="/view/moon/"] { border-radius: 50%; }

    /* 회원 스킨(로그인 화면)의 밝은 배경 그림 */
    td[background*="login_table_bg"] { background: var(--panel2) !important; }
    img[src*="login_img.gif"], img[src*="join_title.gif"], img[src*="join_form_title.gif"] { filter: invert(.88) hue-rotate(180deg); }
    /* 게시판·회원 스킨의 흰 이미지 버튼 */
    img[src*="/skin/board/"][src*="/btn_"], input[type=image][src*="/skin/board/"],
    img[src*="/skin/member/"][src*="/btn_"] { filter: invert(.88) hue-rotate(180deg); }

    /* 이미지 준비 중 그림이 너무 밝지 않게 */
    img[data-fallback] { filter: invert(.88) hue-rotate(180deg); }
}