/* color.css: 색상 변수 정의 및 전체 요소에 색상 적용 */

/* 기본 테마 (Light Mode) */
:root {
  --table-bottom-line: 1px solid #E9ECEF;
  --top3-table-odd: #E9ECEF;
  --top3-table-even: #F8F9FA;
}

/* 다크 모드 예시 (data-theme="dark"로 전환) */
.dark-mode {
  --table-bottom-line: 1px solid #444;
  --top3-table-odd: #8c8c8c;
  --top3-table-even: #333333;
}

#change30-table tbody td,
#value30-table tbody td,
#top3-theme-table tbody td,
#top-stocks-table tbody td {
  border-bottom: var(--table-bottom-line);
}

.theme-name-odd {
  background-color: var(--top3-table-odd);
}

.theme-name-even {
  background-color: var(--top3-table-even);
}

.hot-change.up {
  color: #E5456C;
}

.hot-change.down {
  color: #4079BF;
}