/* Default: Dark Mode */
body {
  background-color: #000000;
  color: #e0e0e0;
}

.navbar {
  background-color: #111111;
}

.card {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

.post-summary-title {
  color: #f4c95d;
}

.post-summary-image {
  object-fit: contain;
  padding: 1rem;
}

.post-summary-footer {
  margin-top: auto;
}

.post-summary-footer .button {
  min-height: 2.5rem;
  white-space: nowrap;
  width: 100%;
}

blockquote {
  background-color: #242424;
  border-left: 4px solid #f4c95d;
  color: #f1f1f1;
  padding: 1rem 1.25rem;
}

.content blockquote,
.content blockquote p {
  background-color: #242424;
  border-left-color: #f4c95d;
  color: #f1f1f1;
}

.content blockquote {
  border-left: 4px solid #f4c95d;
  padding: 1rem 1.25rem;
}

.container:has(> .post-stats),
.container:has(> .post-stats) + hr {
  display: none;
}

/* Light Mode (auto-detected) */
@media (prefers-color-scheme: light) {
  body {
    background-color: #ffffff;
    color: #000000;
  }

  .navbar {
    background-color: #2d00df;
  }

  .card {
    background-color: #ffffff;
    color: #000000;
  }

  .post-summary-title {
    color: #8a4b08;
  }

  blockquote {
    background-color: #f3f3f3;
    border-left-color: #8a4b08;
    color: #202020;
  }

  .content blockquote,
  .content blockquote p {
    background-color: #f3f3f3;
    border-left-color: #8a4b08;
    color: #202020;
  }
}

/* Manual Light Mode Override */
html.light-mode body {
  background-color: #ffffff;
  color: #000000;
}

html.light-mode .navbar {
  background-color: #2d00df;
}

html.light-mode .card {
  background-color: #ffffff;
  color: #000000;
}

html.light-mode .post-summary-title {
  color: #8a4b08;
}

html.light-mode blockquote {
  background-color: #f3f3f3;
  border-left-color: #8a4b08;
  color: #202020;
}

html.light-mode .content blockquote,
html.light-mode .content blockquote p {
  background-color: #f3f3f3;
  border-left-color: #8a4b08;
  color: #202020;
}

html.light-mode .content blockquote {
  border-left: 4px solid #8a4b08;
  padding: 1rem 1.25rem;
}