/* ==========================================================================
   dark-mode.css — OS 다크모드 대응 (prefers-color-scheme: dark)
   하드코딩된 색상 오버라이드 전용.
   CSS 변수 오버라이드: variables.css
   링크 색상: accessibility.css
   고대비 모드: accessibility.css (body[data-theme="high-contrast"]) 가 최우선
   ========================================================================== */

@media (prefers-color-scheme: dark) {

/* ── 포커스링 — 다크 배경에서 금색(#FFD700) 자체가 8.9:1 대비 → 링은 배경색으로 숨겨 금색만 표시 ── */
:focus-visible {
    box-shadow: 0 0 0 2px #1e1e2e, 0 0 0 8px #1e1e2e;
}

/* ── 전역 폼 요소 ── */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea,
select {
    background-color: #1a1a35;
    color: #e0e0e0;
    border-color: #3a3a5c;
    color-scheme: dark;
}

/* ── layout.css — 헤더 (inline style 우선순위 극복) ── */
header {
    background: #1e1e2e !important;
    border-bottom-color: #3a3a5c !important;
}

.btn-mobile-menu .bar {
    background-color: #c0c0d4 !important;
}

/* GNB 모바일/태블릿 패널 */
.gnb {
    background: #1e1e2e !important;
    border-bottom-color: #3a3a5c !important;
}

.gnb ul li { border-bottom-color: #3a3a5c; }
.gnb a { border-bottom-color: #2a2a45; }

/* ── components.css ── */

/* 히어로 섹션 */
.hero {
    background: linear-gradient(135deg, #0a0a1e 0%, #1a1a35 100%);
    color: #e0e0e0;
}
.hero h1,
.hero h2 { color: #e0e0e0; }
.hero p { color: #9090b0; }

/* 과정 카드 */
.card {
    background: #252540;
    border-color: #3a3a5c;
}
.card-title a { color: #e0e0e0; }
.card-desc { color: #9090b0; }
.card-meta {
    color: #c0c0d4;
    border-top-color: #3a3a5c;
}
.card-meta strong {
    color: #8cc5ff;
}

/* 더 보기 버튼 */
.btn-toggle-more {
    background: #252540;
    border-color: #3a3a5c;
    color: #c0c0d4;
}
.btn-toggle-more:hover {
    background: #2a2a45;
    border-color: #4a4a6c;
}

/* 최근 본 과정 */
.recent-card { border-color: #3a3a5c; }
.recent-card-body { background: #252540; }
.recent-card-meta { color: #9090b0; }

/* 과정 목록 — 검색/필터 */
.page-main-title { color: #e0e0e0; }

.search-form-refined {
    background: #252540;
    border-color: #3a3a5c;
}
.input-with-icon input {
    background: #1a1a35;
    color: #e0e0e0;
    border-color: #3a3a5c;
}
.filter-row { border-top-color: #3a3a5c; }
.radio-group label,
.checkbox-label { color: #9090b0; }

/* 가로형 카드 */
.card-horizontal {
    background: #252540;
    border-color: #3a3a5c;
}
.info-title a { color: #e0e0e0; }
.info-desc { color: #9090b0; }
.meta-group { color: #c0c0d4; }
.meta-group strong,
.field-tag,
.star-full {
    color: #8cc5ff !important;
}

.btn-detail {
    background: #2a2a45;
    border-left-color: #3a3a5c;
}
.btn-detail:hover { background: var(--primary); }

/* 모바일 카드 구분선 */
@media (max-width: 768px) {
    .btn-detail { border-top-color: #3a3a5c; }
}

/* 과정 상세 */
.detail-top-box {
    background: #252540;
    border-color: #3a3a5c;
}
.small-thumb {
    background-color: #1a1a35;
    border-color: #3a3a5c;
    color: #5a5a7c;
}

.simple-table { border-top-color: #c0c0d4; }
.simple-table th {
    background: #1a1a35;
    border-color: #3a3a5c;
    color: #9090b0;
}
.simple-table td {
    border-color: #3a3a5c;
    color: #e0e0e0;
}

.simple-tabs { border-bottom-color: #3a3a5c; }
.simple-tabs a { color: #9090b0; }
.simple-tabs a.active { color: #e0e0e0; }
.simple-tabs a.active::after { background: #e0e0e0; }

.info-label {
    color: #e0e0e0;
    border-bottom-color: #3a3a5c;
}
.section-desc { color: #9090b0; }

.copyright-notice {
    background: #252540;
    border-color: #3a3a5c;
}
.copyright-notice-title {
    color: #7db8f7;
}
.copyright-notice-text {
    color: #c0c0d4;
}
.copyright-notice-text strong {
    color: #e0e0e0;
}
.copyright-notice-text .copyright-owner {
    color: #7db8f7;
}
.copyright-notice-meta {
    color: #9090b0;
}

.tts-guide-box {
    background: #252540;
    border-color: #3a3a5c;
}
.tts-guide-title {
    color: #7db8f7;
}
.tts-guide-desc {
    color: #c0c0d4;
}
.tts-guide-list {
    color: #c0c0d4;
}
.tts-guide-list strong {
    color: #e0e0e0;
}
.tts-guide-link {
    color: #7db8f7;
}

.simple-curr-list { border-top-color: #c0c0d4; }
.curr-row { border-bottom-color: #3a3a5c; }
.curr-row .time { color: #9090b0; }

/* 팝업 레이어 */
.main-popup-layer {
    background: #252540;
    border-color: #3a3a5c;
}

/* FAQ / 아코디언 */
.faq-accordion,
.common-accordion { border-top-color: #c0c0d4; }

.faq-item,
.accordion-item {
    background: #252540;
    border-bottom-color: #3a3a5c;
}
.faq-item.pinned,
.accordion-item.pinned { background: #252540; }

.faq-question:hover { background: #2a2a45; }

.badge-cat {
    background: #2a2a45;
    color: #9090b0;
}

.q-text,
.title-text { color: #e0e0e0; }
.icon-arrow { color: #9090b0; }

.faq-answer,
.accordion-content { background: #1e1e2e; }
.faq-answer.active,
.accordion-content.active { border-top-color: #3a3a5c; }

.ans-content { color: #9090b0; }
.inner-text { color: #9090b0 !important; }

.accordion-trigger { background: #252540; }
.accordion-trigger:hover,
.accordion-trigger:focus {
    background-color: #1e2a4a;
    outline-color: var(--primary);
}

/* 게시판 */
.board-link { color: #e0e0e0; }
.btn-icon-download {
    background: #2a2a45;
    color: #9090b0;
}
.btn-icon-download:hover {
    background: #3a3a5c;
    color: #c0c0d4;
    border-color: #5a5a7c;
}
.pinned-row { background-color: #1e1e2e !important; }

/* 학습 성향 진단 카드 */
.choice-card { border-color: #3a3a5c; }
.choice-card input:checked + .choice-content { background: #1e2a4a; }
.choice-content strong { color: #e0e0e0; }
.choice-content small { color: #9090b0; }
fieldset.step-box legend { color: #e0e0e0; }
fieldset.step-box > p { color: #9090b0; }

/* ── pages.css ── */

/* 이용약관 */
.terms-container {
    background: #252540;
    border-color: #3a3a5c;
}
.terms-container h2 { background-color: #1e2a4a; }
.mission-statement {
    background-color: #2a1e0d;
    color: #d4a017;
    border-color: #a07010;
}
.btn-close {
    background: #2a2a45;
    color: #e0e0e0;
}
.btn-close:hover { background: #3a3a5c; }

/* 수료증 진위조회 */
.search-box {
    background: #252540;
    border-color: #3a3a5c;
}
.input-wrapper {
    background: #1a1a35;
    border-color: #3a3a5c;
}
.result-box { border-color: #3a3a5c; }
.result-valid {
    background: #0d2b1d;
    border-color: #28a745;
}
.result-invalid {
    background: #2b0d0d;
    border-color: #dc3545;
}
.result-info strong { color: #c0c0d4; }
.error-box {
    background: #2a1e0d;
    color: #d4a017;
    border-left-color: #a07010;
}
.help-text { color: #c0c0d4 !important; border-top-color: #3a3a5c !important; }

/* 학습 대시보드 */
.info-card-item {
    background: #252540;
    border-color: #3a3a5c;
}
.info-card-item .label { color: #9090b0; }
.info-card-item .value { color: #7db8f7; }
.section-sub-title { color: #c0c0d4; }

.chapter-card {
    background: #252540;
    border-color: #3a3a5c;
}
.chapter-card:hover { border-color: #7db8f7; }
.chapter-card.completed {
    background: #1e2a2e;
    border-color: #2e3e48;
}
.chapter-title { color: #e0e0e0; }
.chapter-meta { color: #9090b0; }
.chapter-progress-track { background: #2e3e5a; }
.num-label { color: #9090b0; }

/* 수료증 목록 */
.cert-card {
    background: #252540;
    border-color: #3a3a5c;
}
.cert-card:hover { border-color: #7db8f7; }
.cert-title { color: #e0e0e0; }
.cert-meta-list { color: #9090b0; }
.cert-meta-list strong { color: #c0c0d4; }
.badge-complete {
    background: #0d2b1d;
    color: #4ade80;
    border-color: #1a5c3a;
}
.badge-info {
    background: #1e2a3a;
    color: #9090b0;
    border-color: #2e3e50;
}
.btn-cert-print {
    background: #252540;
    color: #7db8f7;
    border-color: #7db8f7;
}
.btn-cert-print:hover { background: #1e2a5a; }

/* 수강 목록 */
.course-item { background: #252540; }
.course-header { border-bottom-color: #3a3a5c; }
.course-title { color: #c0c0d4; }
.badge-secondary {
    background: #1e2a3a;
    color: #9090b0;
}

/* 수료증 상세 출력 */
.cert-wrapper { background: #1e1e2e; }
.cert-inner { background: #1e1e2e; }
.cert-header { color: #e0e0e0; }
.cert-content { color: #c0c0d4; }
.cert-message {
    background: #252540;
    color: #c0c0d4;
}

/* 만족도 설문 */
.survey-header { border-bottom-color: #3a3a5c; }
.survey-header h2 { color: #c0c0d4; }
.survey-header .course-info { color: #9090b0; }
.question-card {
    background: #252540;
    border-color: #3a3a5c;
}
.question-text { color: #c0c0d4; }
.likert-option label {
    background: #1e1e2e;
    border-color: #3a3a5c;
    color: #c0c0d4;
}
.likert-option label:hover {
    background: #2a2a45;
    border-color: var(--primary);
}
.likert-option input[type="radio"]:checked + label {
    background: #1e2a4a;
    border-color: var(--primary);
}
.likert-label { color: #c0c0d4; }
.text-input {
    background: #1a1a35;
    color: #e0e0e0;
    border-color: #3a3a5c;
}
.progress-bar { background: #2e2e5a; }
.progress-fill { background: var(--primary); }
.alert-success {
    background: #0d2b1d;
    color: #4ade80;
    border-left-color: #28a745;
}
.alert-error {
    background: #2b0d0d;
    color: #f87171;
    border-left-color: #dc3545;
}

/* 계정 재활성화 */
.alert-box {
    background: #2a1e0d;
    border-left-color: #a07010;
}
.alert-box h3,
.alert-box p { color: #d4a017; }

/* ── visual-feedback.css ── */
.progress-bar.vf { background: #2e2e5a; }
.skeleton {
    background: linear-gradient(90deg, #252540 25%, #2a2a45 50%, #252540 75%);
    background-size: 200% 100%;
}
.toast {
    background: #252540;
    color: #e0e0e0;
}

/* ── accessibility.css — 위젯 패널 ── */
.panel {
    background: #252540;
    border-color: var(--primary);
}
.panel button {
    background: #1e1e2e;
    color: #c0c0d4;
    border-color: #3a3a5c;
}
.panel button:hover { background: #2a2a45; }

/* ══════════════════════════════════════════════════════════
   inc/modals_inc.php — 이용약관·개인정보 모달
   ══════════════════════════════════════════════════════════ */
.modal-content {
    background: #1e1e2e !important;
    border-color: #3a3a5c !important;
    color: #e0e0e0 !important;
}
.modal-header {
    background: #252540 !important;
    border-bottom-color: #3a3a5c !important;
}
.modal-body {
    color: #e0e0e0 !important;
}
.terms-section {
    background: #252540 !important;
    border-color: #3a3a5c !important;
}
.terms-section h3 {
    color: #c0c0d4 !important;
}
.terms-section p,
.terms-section li {
    color: #c0c0d4 !important;
}
.terms-footer {
    color: #9090b0 !important;
}

/* ══════════════════════════════════════════════════════════
   mypage/index.php — 탭·활동카드·미니 통계
   ══════════════════════════════════════════════════════════ */
.mp-tab-btn {
    color: #9090b0 !important;
}
.mp-tab-btn[aria-selected="true"] {
    background: #1a2840 !important;
    color: #7db8f7 !important;
    border-bottom-color: #7db8f7 !important;
}
.mp-tab-btn:hover:not([aria-selected="true"]) {
    background: #252540 !important;
    color: #c0c0d4 !important;
}
.activity-card {
    background: #252540 !important;
    border-color: #3a3a5c !important;
    color: #e0e0e0 !important;
}
.activity-card:hover {
    border-color: #7db8f7 !important;
    box-shadow: 0 2px 8px rgba(125,184,247,.15) !important;
}

/* ══════════════════════════════════════════════════════════
   mypage/class_list.php — 내 강의실 과정 카드
   ══════════════════════════════════════════════════════════ */
.course-item {
    background: #252540 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.4) !important;
}
.course-header {
    border-bottom-color: #3a3a5c !important;
}
.course-title {
    color: #e0e0e0 !important;
}
.course-date {
    color: #9090b0 !important;
}
.badge-secondary {
    background: #2a2a45 !important;
    color: #9090b0 !important;
}
.course-item .filter-tabs a,
.course-item .filter-tabs button {
    border-color: #3a3a5c !important;
    color: #c0c0d4 !important;
}

/* ══════════════════════════════════════════════════════════
   community/prompt_list.php — 프롬프트 카드
   ══════════════════════════════════════════════════════════ */
.prompt-card {
    background: #252540 !important;
    border-color: #3a3a5c !important;
}

/* ══════════════════════════════════════════════════════════
   inline style 하드코딩 배경색 오버라이드
   (class 선택자로 못 잡는 요소들 — 버튼/submit 제외)
   ══════════════════════════════════════════════════════════ */

/* 흰 배경 (#fff / white) — div, article, a(활동카드 링크) */
div[style*="background:#fff"],
div[style*="background: #fff"],
div[style*="background:white"],
div[style*="background: white"],
article[style*="background:#fff"],
article[style*="background: #fff"],
a[style*="background:#fff"],
a[style*="background: #fff"] {
    background-color: #252540 !important;
    border-color: #3a3a5c !important;
    color: #c0c0d4 !important;
}

/* 연회색 배경 (#f9f9f9 / #f8f9fa / #f5f5f5 / #f0f0f0) — div + form(검색박스) */
div[style*="background:#f9f9f9"],
div[style*="background: #f9f9f9"],
div[style*="background:#f8f9fa"],
div[style*="background: #f8f9fa"],
div[style*="background:#f5f5f5"],
div[style*="background: #f5f5f5"],
div[style*="background:#f0f0f0"],
div[style*="background: #f0f0f0"],
form[style*="background:#f9f9f9"],
form[style*="background: #f9f9f9"] {
    background-color: #1e1e2e !important;
}

/* 검색 폼 인라인 테두리 */
form[style*="border:1px solid #ddd"],
form[style*="border: 1px solid #ddd"] {
    border-color: #3a3a5c !important;
}

/* 비활성 정렬 탭 / 필터 링크 — a 요소 (#f5f5f5) */
a[style*="background:#f5f5f5"],
a[style*="background: #f5f5f5"] {
    background-color: #2e2e5a !important;
    color: #9090b0 !important;
    border-color: #4a4a70 !important;
}

/* 비활성 카테고리 칩 — span 요소 (#e9ecef) */
span[style*="background:#e9ecef"],
span[style*="background: #e9ecef"] {
    background-color: #2e2e5a !important;
    color: #9090b0 !important;
}

/* 테이블 thead 행 — tr 요소 (#f9f9f9) */
tr[style*="background: #f9f9f9"],
tr[style*="background:#f9f9f9"] {
    background-color: #1e1e30 !important;
}
tr[style*="background:#fffde7"],
tr[style*="background: #fffde7"] {
    background-color: #2a2a1a !important;
}

/* 연한 파랑 배지 — span (#e3f2fd / #e8f0fe) */
span[style*="background:#e3f2fd"],
span[style*="background: #e3f2fd"],
span[style*="background:#e8f0fe"],
span[style*="background: #e8f0fe"] {
    background-color: #1a2840 !important;
}

/* 빈 상태 배경 (#eee) */
div[style*="background:#eee"],
div[style*="background: #eee"] {
    background-color: #2a2a45 !important;
    color: #9090b0 !important;
}

/* 연한 파랑 배경 (#f0f7ff — 마이페이지 포인트 미니카드) */
div[style*="background:#f0f7ff"],
div[style*="background: #f0f7ff"] {
    background-color: #1a2840 !important;
}

/* 연한 초록 배경 (#f0fff4 — 마이페이지 학습시간 미니카드) */
div[style*="background:#f0fff4"],
div[style*="background: #f0fff4"] {
    background-color: #162a1e !important;
}

/* 연한 주황 배경 (#fff3e0 — 관심분야 태그) */
span[style*="background:#fff3e0"],
div[style*="background:#fff3e0"] {
    background-color: #2a1e0d !important;
    color: #f0a060 !important;
}

/* 인라인 테두리 (#ddd / #e0e0e0) */
div[style*="border:1px solid #ddd"],
div[style*="border: 1px solid #ddd"],
div[style*="border:2px dashed #ddd"],
div[style*="border: 2px dashed #ddd"],
div[style*="border-bottom:2px solid #f0f0f0"],
div[style*="border-bottom: 2px solid #f0f0f0"],
div[style*="border-top:1px solid #e0e0e0"],
div[style*="border-top: 1px solid #e0e0e0"] {
    border-color: #3a3a5c !important;
}

/* 인라인 어두운 텍스트 → 밝게 (div / span / p / strong / td / li) */
div[style*="color:#111;"], div[style*="color: #111;"],
div[style*="color:#222;"], div[style*="color: #222;"],
span[style*="color:#111;"], span[style*="color: #111;"],
span[style*="color:#222;"], span[style*="color: #222;"],
p[style*="color:#111;"], p[style*="color: #111;"],
p[style*="color:#222;"], p[style*="color: #222;"],
strong[style*="color:#111;"], strong[style*="color: #111;"],
strong[style*="color:#222;"], strong[style*="color: #222;"],
td[style*="color:#111;"], td[style*="color: #111;"],
td[style*="color:#222;"], td[style*="color: #222;"] {
    color: #e0e0e0 !important;
}
div[style*="color:#333;"], div[style*="color: #333;"],
span[style*="color:#333;"], span[style*="color: #333;"],
p[style*="color:#333;"], p[style*="color: #333;"],
strong[style*="color:#333;"], strong[style*="color: #333;"] {
    color: #c0c0d4 !important;
}
div[style*="color:#444;"], div[style*="color: #444;"],
div[style*="color:#555;"], div[style*="color: #555;"],
div[style*="color:#666;"], div[style*="color: #666;"],
span[style*="color:#444;"], span[style*="color: #444;"],
span[style*="color:#555;"], span[style*="color: #555;"],
span[style*="color:#666;"], span[style*="color: #666;"],
p[style*="color:#444;"], p[style*="color: #444;"],
p[style*="color:#555;"], p[style*="color: #555;"],
p[style*="color:#666;"], p[style*="color: #666;"] {
    color: #9090b0 !important;
}
div[style*="color:#888;"], div[style*="color: #888;"],
div[style*="color:#aaa;"], div[style*="color: #aaa;"],
span[style*="color:#888;"], span[style*="color: #888;"],
span[style*="color:#aaa;"], span[style*="color: #aaa;"],
p[style*="color:#888;"], p[style*="color: #888;"] {
    color: #7070a0 !important;
}

/* 검색 input 내부 래퍼 placeholder */
input::placeholder { color: #7070a0; }

/* 진행바 트랙 (#e9ecef) */
div[style*="background:#e9ecef"],
div[style*="background: #e9ecef"] {
    background-color: #2e2e5a !important;
}

/* 성공 알림 (#d4edda) — 인라인 */
div[style*="background:#d4edda"],
div[style*="background: #d4edda"] {
    background-color: #0d2b1d !important;
    border-color: #28a745 !important;
    color: #4ade80 !important;
}

/* 그라디언트 카드 (#f5f7fa~#c3cfe2) — 공백 유무 두 형태 모두 커버 */
div[style*="background: linear-gradient(135deg, #f5f7fa"],
div[style*="background:linear-gradient(135deg, #f5f7fa"],
div[style*="background: linear-gradient(135deg,#f5f7fa"],
div[style*="background:linear-gradient(135deg,#f5f7fa"] {
    background: linear-gradient(135deg, #1a1e2a 0%, #252540 100%) !important;
}

/* 빈 상태 border-dashed (#ddd) */
div[style*="border:2px dashed #ddd"],
div[style*="border: 2px dashed #ddd"] {
    background-color: #1e1e2e !important;
    border-color: #3a3a5c !important;
}

/* filter 비활성 버튼 — border:#dee2e6 */
a[style*="border: 2px solid #dee2e6"],
a[style*="border:2px solid #dee2e6"] {
    background-color: #252540 !important;
    border-color: #3a3a5c !important;
    color: #c0c0d4 !important;
}

/* 추천 과정 카드 — border:#e8e8e8 */
a[style*="border:1px solid #e8e8e8"],
a[style*="border: 1px solid #e8e8e8"] {
    background-color: #252540 !important;
    border-color: #3a3a5c !important;
}

/* 추천 카드 내부 패딩 영역 텍스트 */
a[style*="border:1px solid #e8e8e8"] div[style*="padding:12px"],
a[style*="border: 1px solid #e8e8e8"] div[style*="padding:12px"] {
    color: #e0e0e0;
}

/* 과정 분야 뱃지 — background:#f0f4ff */
span[style*="background:#f0f4ff"],
span[style*="background: #f0f4ff"] {
    background-color: #1a2840 !important;
    color: #7db8f7 !important;
}

/* 난이도 뱃지 — span의 background:#f5f5f5 */
span[style*="background:#f5f5f5"],
span[style*="background: #f5f5f5"] {
    background-color: #2e2e5a !important;
    color: #9090b0 !important;
}

/* 후기 구분선 — border-bottom: 1px solid #e0e0e0 */
div[style*="border-bottom: 1px solid #e0e0e0"],
div[style*="border-bottom:1px solid #e0e0e0"] {
    border-bottom-color: #3a3a5c !important;
}

/* ── 의미색 인라인 텍스트 — 다크 배경에서 저대비가 되는 색 → 밝은 대체색 ── */

/* 파란색 계열 (#0056b3 / #1a237e 등) → 밝은 파랑 */
[style*="color:#0056b3"], [style*="color: #0056b3"],
[style*="color:var(--primary)"], [style*="color: var(--primary)"],
[style*="color:#1a237e"], [style*="color: #1a237e"],
[style*="color:#1565c0"], [style*="color: #1565c0"],
[style*="color:#1976d2"], [style*="color: #1976d2"],
[style*="color:#003e8c"], [style*="color: #003e8c"] {
    color: #7db8f7 !important;
}

/* 배경/테두리가 브랜드 파랑인 버튼류는 위 선택자의 border-color 매칭에 휘말리지 않게 흰 글자를 유지 */
[style*="background:#0056b3"][style*="color:#fff"],
[style*="background: #0056b3"][style*="color: #fff"],
[style*="background:#0056b3"][style*="color: #fff"],
[style*="background: #0056b3"][style*="color:#fff"] {
    color: #fff !important;
}

.biz-container h1,
.biz-container h1 span,
.protected-email {
    color: #8cc5ff !important;
}

.biz-container .effective-date {
    color: #c0c0d4 !important;
    border-top-color: #3a3a5c !important;
}

/* 필수 표시 등 순수 빨강은 다크 배경에서 대비 부족 */
[style*="color:#ff0000"], [style*="color: #ff0000"],
[style*="color:red"], [style*="color: red"] {
    color: #ff8a8a !important;
}

/* 초록 계열 (#155724 / #166534 등) → 밝은 초록 */
[style*="color:#155724"], [style*="color: #155724"],
[style*="color:#166534"], [style*="color: #166534"],
[style*="color:#1a7a3a"], [style*="color: #1a7a3a"] {
    color: #4ade80 !important;
}

/* 다크레드 계열 (#721c24 / #c62828 / #8b0000 등) → 밝은 빨강 */
[style*="color:#721c24"], [style*="color: #721c24"],
[style*="color:#c62828"], [style*="color: #c62828"],
[style*="color:#8b0000"], [style*="color: #8b0000"],
[style*="color:#8B0000"], [style*="color: #8B0000"] {
    color: #f87171 !important;
}

/* 갈색/황색 계열 (#856404 / #664d03 등) → 밝은 노랑 */
[style*="color:#856404"], [style*="color: #856404"],
[style*="color:#664d03"], [style*="color: #664d03"],
[style*="color:#8a5700"], [style*="color: #8a5700"] {
    color: #f0c040 !important;
}

/* 슬레이트/남색 계열 (#1e293b / #475569 등) → 밝은 회색 */
[style*="color:#1e293b"], [style*="color: #1e293b"],
[style*="color:#475569"], [style*="color: #475569"],
[style*="color:#64748b"], [style*="color: #64748b"] {
    color: #9090b0 !important;
}

/* 주황 계열 (#e65100 등) → 밝은 주황 */
[style*="color:#e65100"], [style*="color: #e65100"],
[style*="color:#bf360c"], [style*="color: #bf360c"] {
    color: #ff8a50 !important;
}

/* 밝은 초록 계열 (#4CAF50 등) → 더 밝은 초록 */
[style*="color:#4CAF50"], [style*="color: #4CAF50"],
[style*="color:#4caf50"], [style*="color: #4caf50"],
[style*="color:#45a049"], [style*="color: #45a049"],
[style*="color:#43a047"], [style*="color: #43a047"] {
    color: #4ade80 !important;
}

/* 중간 파랑 계열 (#2196F3 등) → 밝은 파랑 */
[style*="color:#2196F3"], [style*="color: #2196F3"],
[style*="color:#2196f3"], [style*="color: #2196f3"],
[style*="color:#1e88e5"], [style*="color: #1e88e5"] {
    color: #7db8f7 !important;
}

/* ── community-table 다크모드 ── */
.community-table th { background: #1a1a35 !important; color: #9090b0 !important; border-bottom-color: #3a3a5c !important; }
.community-table td { border-bottom-color: #3a3a5c !important; }
.community-table tbody tr:hover { background: #252540 !important; }
.community-table tbody tr.board-empty-row:hover { background: transparent !important; }
.community-table tbody tr.pinned-row { background: #2a2010 !important; }

/* ── Board Commons 다크모드 ── */
.board-count { color: #c0c0d4; }
.board-count strong { color: #8cc5ff !important; }
.board-write-btn { background: #252540; border-color: #4a4a70; color: #c0c0d4; }
.board-write-btn:hover { background: var(--primary) !important; color: #fff !important; border-color: var(--primary) !important; }
.board-pill { background: #252540; color: #9090b0; border-color: #3a3a5c; }
.board-pill:hover,
.board-pill.active { background: #e0e0e0 !important; color: #111 !important; border-color: #e0e0e0 !important; }
.board-pill.active-primary { background: #7db8f7 !important; color: #1e1e2e !important; border-color: #7db8f7 !important; }
.board-list { border-top-color: #c0c0d4; }
.board-row { border-bottom-color: #3a3a5c; }
.board-row:hover { background: #252540; }
.board-row-title { color: #e0e0e0; }
.board-row-title:hover { color: #7db8f7; }
.board-row-title.notice-title { color: #ff8a50; }
.board-row-meta { color: #aab0c8; }
.board-row-meta .author { color: #c0c0d4; }
.board-row-badge { background: #1a2840; color: #7db8f7; }
.board-row-badge.notice { background: #2e2e5a; color: #c0c0d4; }
.board-row-badge.answered { background: #0d2b1d; color: #4ade80; }
.board-row-badge.waiting  { background: #2a2010; color: #f0c040; }
.board-empty { color: #c0c0d4; border-bottom-color: #3a3a5c; }
.board-pagination a,
.board-pagination span { background: #1e1e2e; border-color: #3a3a5c; color: #9090b0; }
.board-pagination a:hover { background: #1a2840; border-color: #7db8f7; color: #7db8f7; }
.board-pagination .pg-active { background: #7db8f7; border-color: #7db8f7; color: #1e1e2e; }

.btn-back { border-color: #5a5a7c; color: #c0c0d4; }
.btn-back:hover, .btn-back:focus { border-color: #c0c0d4; color: #e8e8f8; }

/* 과정 목록 찜 뱃지 */
.wish-tag {
    background: rgba(255, 80, 100, 0.92);
}

/* 담기 버튼 */
.btn-wish-sq {
    background: #252540;
    border-color: #4a4a6c;
    color: #9090b0;
}
.btn-wish-sq:hover,
.btn-wish-sq:focus {
    border-color: #ff6680;
    color: #ff6680;
    outline-color: #6a2030;
}
.btn-wish-sq[aria-pressed="true"] {
    border-color: #ff6680;
    background: #2e1a25;
    color: #ff6680;
}

/* 별점 텍스트 */
.rating-text { color: #e0e0e0; }
.star-empty { color: #8888aa; }

} /* end @media (prefers-color-scheme: dark) */