body.zeus-theme .main-box {
  background-color: #fff9dc;
}
body.zeus-theme .action-buttons button,
body.zeus-theme .home-buttons button, 
body.zeus-theme .bgm-buttons button {
  background-color: #f8d34d;
  color: #333;
}

body.zeus-theme .action-buttons button:hover,
body.zeus-theme .home-buttons button:hover,
body.zeus-theme .bgm-buttons button:hover {
  background-color: #ffbb00;
}
body.zeus-theme .item-entry {
  color: #333;
  border: 1px solid #f4c542;  /* 노란빛 테두리 */
}

body.zeus-theme .item-entry:hover {
  background-color: #fff7d6;
  border-color: #ffcc00;
}
body.zeus-theme .item-action-btn {
  background-color: #f8d34d;
  color: #333;
}
body.zeus-theme .item-action-btn:hover {
  background-color: #ffbb00;
}
body.zeus-theme .pet-name-list span,
body.zeus-theme .category-btn,
body.zeus-theme .category-btn,
body.zeus-theme .buy-btn {
  background-color: #f8d34d;
}
body.zeus-theme .pet-name-list span:hover,
body.zeus-theme .category-btn:hover,
body.zeus-theme .buy-btn:hover {
  background-color: #ffbb00;
}
body.zeus-theme .pet-name-list span.active {
  background-color: #ff9800;
}
/* 컬렉션 */
body.zeus-theme .coll-pet-name-list span,
body.zeus-theme .category-btn,
body.zeus-theme .buy-btn {
  background-color: #f8d34d;
}
body.zeus-theme .coll-pet-name-list span:hover,
body.zeus-theme .category-btn:hover,
body.zeus-theme .category-btn:hover,
body.zeus-theme .buy-btn:hover {
  background-color: #ffbb00;
}
body.zeus-theme .coll-pet-name-list span.active,
body.zeus-theme .category-btn.active {
  background-color: #ff9800;
}
body.zeus-theme .progress-fill {
  height: 6px;
  background: linear-gradient(to right, #f8d34d, #ffbb00);
  border-radius: 3px;
  width: 0%; /* JS로 동적으로 조정 */
}

/* 제우스 (번개) 테마 */
.theme-zeus .collection-wrapper {
  background: #1a1a2e;
}
body.zeus-theme .diary-body {
  border-color: #f4c842; /* 제우스 테마 색상 */
}
body.zeus-theme .diary-buttons button {
  background: #f4c842;
}
body.zeus-theme .diary-buttons button:hover {
  background: #d9af00;
}
body.zeus-theme .diary-buttons button:active {
  background: #b89400;
}
/* 포세이돈 */
body.poseidon-theme .main-box {
  background-color: #e6f3ff;
}
body.poseidon-theme .action-buttons button,

body.poseidon-theme .home-buttons button, 
body.poseidon-theme .bgm-buttons button {
  background-color: #8cd3ff;
  color: #003344;
}

body.poseidon-theme .action-buttons button:hover,
body.poseidon-theme .home-buttons button:hover,
body.poseidon-theme .bgm-buttons button:hover {
  background-color: #56c1ff;
}

body.poseidon-theme .alert-box {
  background-color: #d9f1ff;
  border: 1px solid #91d5ff;
  color: #003a6c;
}
body.poseidon-theme .item-action-btn {
  background-color: #90caf9;
  color: #fff;
}
body.poseidon-theme .item-action-btn:hover {
  background-color: #42a5f5;
}
body.poseidon-theme .pet-name-list span,
body.poseidon-theme .category-btn,
body.poseidon-theme .buy-btn {
  background-color: #8cd3ff;
  color: #003344;
}
body.poseidon-theme .pet-name-list span:hover,
body.poseidon-theme .category-btn:hover,
body.poseidon-theme .buy-btn:hover {
  background-color: #56c1ff;
}
body.poseidon-theme .pet-name-list span.active {
  background-color: #0288d1;
}
/* 컬렉션 */
body.poseidon-theme .coll-pet-name-list span,
body.poseidon-theme .category-btn,
body.poseidon-theme .buy-btn {
  background-color: #8cd3ff;
  color: #003344;
}
body.poseidon-theme .coll-pet-name-list span:hover,
body.poseidon-theme .category-btn:hover,
body.poseidon-theme .buy-btn:hover {
  background-color: #56c1ff;
}
body.poseidon-theme .coll-pet-name-list span.active,
body.poseidon-theme .category-btn.active {
  background-color: #0288d1;
}
body.poseidon-theme .progress-fill {
  height: 6px;
  background: linear-gradient(to right, #90caf9, #42a5f5);
  border-radius: 3px;
  width: 0%; /* JS로 동적으로 조정 */
}
/* 포세이돈 (물) 테마 */
.theme-poseidon .collection-wrapper {
  background: #001f3f;
}
body.poseidon-theme .diary-body {
  border-color: #3fa7d6; /* 포세이돈 테마 색상 */
}
/* POSEIDON 테마 */
body.poseidon-theme .diary-buttons button {
  background: #3fa7d6;
}
body.poseidon-theme .diary-buttons button:hover {
  background: #1e90c0;
}
body.poseidon-theme .diary-buttons button:active {
  background: #1676a3;
}
/* 하데스 */
body.hades-theme .main-box {
  background-color: #f3e6ff;
}
body.hades-theme .action-buttons button,
body.hades-theme .home-buttons button, 
body.hades-theme .bgm-buttons button {
  background-color: #d9b3ff;
  color: #2e004f;
}

body.hades-theme .action-buttons button:hover,
body.hades-theme .home-buttons button:hover,
body.hades-theme .bgm-buttons button:hover {
  background-color: #c084ff;
}

body.hades-theme .item-entry {
  color: #2e004f;
  border: 1px solid #b48cd6;
}

body.hades-theme .item-entry:hover {
  background-color: #f4e6ff;
  border-color: #9b6fd4;
}

body.hades-theme .alert-box {
  background-color: #f3e6ff;
  border: 1px solid #d0b3ff;
  color: #4a004a;
}
body.hades-theme .item-action-btn {
  background-color: #ce93d8;
  color: #fff;
}
body.hades-theme .item-action-btn:hover {
  background-color: #ab47bc;
}
body.hades-theme .pet-name-list span,
body.hades-theme .category-btn,
body.hades-theme  .buy-btn {
  background-color: #d9b3ff;
  color: #2e004f;
}
body.hades-theme .pet-name-list span:hover,
body.hades-theme .category-btn:hover,
body.hades-theme  .buy-btn:hover {
  background-color: #c084ff;
}
body.hades-theme .pet-name-list span.active {
  background-color: #8e24aa;
}
/* 컬렉션 */
body.hades-theme .coll-pet-name-list span,
body.hades-theme .category-btn,
body.hades-theme  .buy-btn {
  background-color: #d9b3ff;
  color: #2e004f;
}
body.hades-theme .coll-pet-name-list span:hover,
body.hades-theme .category-btn:hover,
body.hades-theme  .buy-btn:hover {
  background-color: #c084ff;
}
body.hades-theme .coll-pet-name-list span.active,
body.hades-theme .category-btn.active {
  background-color: #8e24aa;
}
body.hades-theme .progress-fill {
  height: 6px;
  background: linear-gradient(to right, #d9b3ff, #ab47bc);
  border-radius: 3px;
  width: 0%; /* JS로 동적으로 조정 */
}
/* 하데스 (어둠) 테마 */
.theme-hades .collection-wrapper {
  background: #0a0a0a;
}
body.hades-theme .diary-body {
  border-color: #b56cf3; /* 하데스 테마 색상 */
}
/* HADES 테마 */
body.hades-theme .diary-buttons button {
  background: #b56cf3;
}
body.hades-theme .diary-buttons button:hover {
  background: #9f4ee0;
}
body.hades-theme .diary-buttons button:active {
  background: #822ec4;
}