/* Global Dark Mode Styles */

html, body {
  background-color: #000000;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

body {
  min-height: 100vh;
  margin-top: 40px;
  display: block;
}

/* Ensure all text is visible on dark background */
* {
  color: inherit;
}

/* Links should be visible */
a {
  color: #ffffff;
}

a:hover {
  color: #e0e0e0;
}

/* Override any white backgrounds in cards/containers */
.card {
  background-color: #1a1a1a !important;
  border-color: #3d3d3d !important;
  color: #ffffff !important;
}

.card-body {
  color: #ffffff !important;
}

.entry {
  background-color: #1a1a1a !important;
  border-color: #3d3d3d !important;
  color: #ffffff !important;
}

/* Muted text should be lighter gray for dark mode */
.muted {
  color: #adadad !important;
}

/* Ensure inputs and textareas have dark styling */
input[type="text"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="file"],
textarea,
select {
  background-color: #0f0f0f !important;
  border-color: #3d3d3d !important;
  color: #ffffff !important;
}

input[type="text"]::placeholder,
input[type="url"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
textarea::placeholder {
  color: #adadad !important;
}

/* Headings should be white */
h1, h2, h3, h4, h5, h6 {
  color: #ffffff !important;
}

/* Meta text */
.meta {
  color: #adadad !important;
}