/* Dark mode base styling */
.dark-mode {
  background: #1e293b;
  color: white;
}

/* Header & Footer */
.dark-mode header,
.dark-mode footer {
    background: #0f172a;
    color: #fff;
}
.dark-mode header h1{
  color: #fff;
}
.dark-mode header h1 i{
  color: #fff;
}

.dark-mode .main-section {
  background: #1e293b;
}
.dark-mode .main-cards:hover {
  box-shadow: 0 0 2px white;
}
.dark-mode .weather-box {
  background-color: rgba(0,0,255,1);
}

/* Footer links, text, etc. */
.dark-mode footer a i,
.dark-mode footer p {
  color: white;
}
.dark-mode .expense-info div,
.dark-mode .calculator-container h1,
.dark-mode .notes-container h2,
.dark-mode .note-card p {
  color: black;
}