/* ── Dark Mode Token Overrides ── */
:root[data-theme="dark"] {
  --bg:           #0d1117;
  --bg-subtle:    #161b22;
  --bg-mid:       #21262d;
  --navy:         #4f8ef7;
  --navy-mid:     #6aa3f8;
  --blue:         #58a6ff;
  --blue-tint:    rgba(88,166,255,0.12);
  --txt-primary:  #e6edf3;
  --txt-secondary:#8b949e;
  --txt-muted:    #6e7681;
  --border:       #30363d;
  --border-mid:   #3d444d;
  --border-strong:#6e7681;
}

/* 랜딩페이지 배경 다크모드 */
:root[data-theme="dark"] body {
  background: linear-gradient(
    180deg,
    #0d1117 0%,
    #0d1829 30%,
    #081526 55%,
    #0d1829 75%,
    #0d1117 100%
  ) !important;
  background-attachment: fixed !important;
}

/* 어드민 배경 다크모드 (bg-subtle override로 자동 처리) */

/* 헤더 글라스모피즘 다크 */
:root[data-theme="dark"] .site-header,
:root[data-theme="dark"] .admin-header,
:root[data-theme="dark"] .header {
  background: rgba(13,17,23,0.92) !important;
  border-bottom-color: var(--border) !important;
}

/* 헤더 내 텍스트 명시 */
:root[data-theme="dark"] .header-company { color: var(--txt-secondary) !important; }
:root[data-theme="dark"] .header-user    { color: var(--txt-primary) !important; }
:root[data-theme="dark"] .logo-wrap span { color: #93c5fd !important; }
:root[data-theme="dark"] .hamburger      { color: var(--txt-secondary) !important; }
:root[data-theme="dark"] .brand-name     { color: var(--txt-primary) !important; }
:root[data-theme="dark"] .gnb a          { color: var(--txt-secondary) !important; }
:root[data-theme="dark"] .gnb a:hover    { color: var(--txt-primary) !important; }
:root[data-theme="dark"] .btn-login      { color: var(--txt-primary) !important; border-color: var(--border-mid) !important; }
:root[data-theme="dark"] .btn-outline    { color: var(--txt-primary) !important; border-color: var(--border-mid) !important; }

/* 사이드바 다크 */
:root[data-theme="dark"] .admin-sidebar,
:root[data-theme="dark"] .sidebar {
  background: var(--bg) !important;
  border-right-color: var(--border) !important;
  border-color: var(--border) !important;
}

/* 필터바 input/select 다크 */
:root[data-theme="dark"] .filter-bar input,
:root[data-theme="dark"] .filter-bar select {
  background: var(--bg-mid) !important;
  border-color: var(--border-mid) !important;
  color: var(--txt-primary) !important;
}

/* 카드/유리모피즘 다크 */
:root[data-theme="dark"] .prob-card,
:root[data-theme="dark"] .sol-card,
:root[data-theme="dark"] .t-card,
:root[data-theme="dark"] .hero-visual {
  background: rgba(22,27,34,0.85) !important;
}

/* 메트릭스 섹션은 다크모드에서도 유지 (이미 다크) */

/* 모달 박스 다크 */
:root[data-theme="dark"] .modal-box {
  background: var(--bg) !important;
  border-color: var(--border) !important;
}

/* 카드 다크 */
:root[data-theme="dark"] .card {
  background: var(--bg) !important;
  border-color: var(--border) !important;
}

/* 입력 필드 다크 */
:root[data-theme="dark"] .form-input,
:root[data-theme="dark"] .fl-in,
:root[data-theme="dark"] .fl-sel {
  background: var(--bg-mid) !important;
  border-color: var(--border-mid) !important;
  color: var(--txt-primary) !important;
}

:root[data-theme="dark"] .form-input[readonly],
:root[data-theme="dark"] .fl-in[readonly] {
  background: var(--bg-subtle) !important;
  color: var(--txt-secondary) !important;
}

/* 테이블 다크 */
:root[data-theme="dark"] .data-table tbody tr:hover td {
  background: var(--blue-tint) !important;
}

/* 푸터 다크 */
:root[data-theme="dark"] .site-footer {
  background: rgba(13,17,23,0.7) !important;
  border-top-color: var(--border) !important;
}

/* 테마 토글 버튼 공통 */
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: var(--radius-sm, 4px);
  border: 1px solid var(--border-mid);
  background: transparent;
  color: var(--txt-secondary);
  cursor: pointer;
  transition: all 0.15s;
  font-size: 15px;
  flex-shrink: 0;
}
.theme-toggle:hover {
  border-color: var(--border-strong);
  background: var(--bg-subtle);
  color: var(--txt-primary);
}