/* 스튜디오·미디어센터와 같은 흰색 표면 / 얇은 경계 / 파란 선택 표시. */
body.mypage-workspace-page:not(.dark-theme) {
  --bg-primary: #fff;
  --bg-secondary: #fff;
  --bg-tertiary: #fff;
  --input-bg: #fff;
  --border-color: #e5e7eb;
  --accent-color: #1d4ed8;
  --accent-hover: #1e40af;
  background: #fff;
}

body:not(.dark-theme) .content-area {
  background: #fff;
  box-shadow: none;
}

body:not(.dark-theme) :is(.action-buttons-bar, .history-filter-group, .info-card, .history-card, .collection-section) {
  background: #fff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 2px rgb(15 23 42 / 5%);
}

/* 수집목록 원본의 !important 테두리만 같은 우선순위로 보정한다. */
body:not(.dark-theme) .collection-section {
  border-color: #e5e7eb !important;
}

body:not(.dark-theme) #myChannelsSection {
  --mc-bg: #fff;
  --mc-surface: #fff;
  --mc-surface-2: #fff;
  --mc-surface-3: #fff;
  --mc-surface-hover: #fff;
  --mc-backboard: #fff;
  --mc-section-bg: #fff;
  --mc-border: #e5e7eb;
  --mc-border-light: #e5e7eb;
  --mc-accent: #1d4ed8;
  --mc-accent-hover: #1e40af;
}

body:not(.dark-theme) .ac-workspace {
  --ac-surface-soft: #fff;
  --ac-line: #e5e7eb;
  --ac-line-strong: #d1d5db;
  --ac-brand: #1d4ed8;
  --ac-brand-hover: #1e40af;
  --ac-brand-soft: #eff6ff;
}

body:not(.dark-theme) :is(
  .action-btn-top, .history-filter-btn, .hist-page-btn, .hist-action-btn,
  .collection-action-btn, .folder-item, .folder-modal-btn,
  .member-type-card button, .member-type-card select, .btn.secondary,
  #myChannelsSection .mc-btn, #myChannelsSection .mc-tab,
  .my-search-sort-btn, .my-ch-btn:not(.my-ch-btn-danger), .my-result-btn,
  .my-period-btn, .my-compare-btn, .my-goal-create-btn,
  .my-search-row button, .my-register-row button, .ac-workspace .ac-button,
  .ac-workspace .ac-filter-tab
) {
  background: #fff;
  color: #4b5563;
  border-color: #e5e7eb;
  box-shadow: none;
}

body:not(.dark-theme) :is(
  .action-btn-top:hover, .history-filter-btn:hover, .hist-page-btn:hover:not(:disabled),
  .collection-action-btn:hover, .folder-item:hover, .folder-modal-btn:hover,
  .btn.secondary:hover, #myChannelsSection .mc-btn:hover, #myChannelsSection .mc-tab:hover,
  .my-search-sort-btn:hover, .my-ch-btn:not(.my-ch-btn-danger):hover,
  .my-result-btn:hover, .my-period-btn:hover, .my-compare-btn:hover,
  .my-goal-create-btn:hover, .my-search-row button:hover, .my-register-row button:hover,
  .ac-workspace .ac-button:hover, .ac-workspace .ac-filter-tab:hover
) {
  background: #fff;
  border-color: #9ca3af;
}

body:not(.dark-theme) :is(
  .action-btn-top.active-tab, .history-filter-btn.active, .folder-item.active,
  #myChannelsSection .mc-tab.active, .my-search-sort-btn.active, .my-period-btn.active,
  .ac-workspace .ac-filter-tab.is-active
) {
  background: #fff;
  color: #1d4ed8;
  border-color: #bfdbfe;
  box-shadow: inset 0 -2px #3b82f6;
}

body:not(.dark-theme) :is(
  .folder-modal-btn.primary, .my-search-row button, .my-register-row button,
  .my-result-btn.primary, .my-compare-btn, .my-goal-create-btn,
  .ac-workspace .ac-button--primary
) {
  background: #fff;
  color: #1d4ed8;
  border: 1px solid #bfdbfe;
  box-shadow: none;
}

body:not(.dark-theme) :is(
  .folder-modal-btn.primary:hover, .my-search-row button:hover, .my-register-row button:hover,
  .my-result-btn.primary:hover, .my-compare-btn:hover, .my-goal-create-btn:hover,
  .ac-workspace .ac-button--primary:hover
) {
  border-color: #3b82f6;
}

body:not(.dark-theme) .content-area :is(button, a, input, select, textarea):focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}