body.dark {
  background-color: #0f172a;
  color: #e2e8f0;
}

body.dark .card,
body.dark section {
  background-color: #1e293b;
  color: #e2e8f0;
  box-shadow: 0 4px 10px rgba(0,0,0,0.4);
}

body.dark input,
body.dark textarea,
body.dark select {
  background-color: #0f172a;
  color: #e2e8f0;
  border: 1px solid #334155;
}

body.dark button {
  background-color: #e2e8f0;
  color: #0f172a;
}

body.dark .muted {
  color: #94a3b8;
}
body.dark h3,body.dark .content,body.dark .type{
  color: black;
}
body.light #Note_Content::placeholder{
  color: black;
}
.hide{
  display: none;
}
.no_notes{
  color: white;
  font-size: 30px;
  text-align: center;
  padding: 8px;
}
body.light .No_Notes{
  color: black;
}