/* Light Theme (default) */
/*body.theme-light {
  background: #ffffff;
  color: #111;
}

body.theme-light .preC {
  background-color: #f5f5f5;
  color: #222;
}

body.theme-light .tipPreview {
  background-color: #fff;
  border-color: #ccc;
}
*/
/* Dark Theme */
body.theme-dark {
  background: rgb(5, 20, 40);
  color: #f1f1f1;
}
.theme-dark header {
  background: rgb(5, 20, 40);
}
.theme-dark .hi, .theme-dark #themeToggle {
  color: lightcyan
}


/*body.theme-dark .preC {
  background: rgba(5, 20, 40, 0.1);
  color: #e0e0e0;
}

body.theme-dark .tipPreview {
  background-color: #222;
  border-color: #444;
}*/
.theme-dark .codeBox {
  background: rgb(20, 36, 65);
}
.theme-dark .language-html {
  color: aliceblue;
}
.theme-dark .infoTab td, .dark-theme .infoTab thead {
  background: rgb(30, 46, 75);
  border-bottom: rgb(5, 20, 40) 1px solid;
}
.theme-dark table  {
  border: transparent solid;
}
.theme-dark .topic {
  background-color: darkgreen;
}
.theme-dark .copy-btn {
  background: darkgreen;
}
.theme-dark .copy-btn:hover {
  background: midnightblue;
}
.theme-dark .codeBoxI table td, .theme-dark .codeBoxI table th {
  border: rgb(5, 20, 40) solid;
  color: aliceblue;
}
.theme-dark .infoTab code {
  color: aliceblue;
}
.theme-dark #ht5 {
  background-color: midnightblue;
}
.theme-dark input {
  background: rgb(30, 46, 75);
}

.theme-dark .contactLnk {
  color: lightcyan
}

.run-btn {
  background: #007bff;
  color: white;
  border: none;
  padding: 0.5rem 1.2rem;
  border-radius: 6px;
  cursor: pointer;
}

.run-btn:hover {
  background: #005dc0;
}