/* Dark theme override for Notion HTML export */

html, body {
  background-color: #151517 !important;
  color: #eaeaea !important;
}

@media only screen {
  body {
    margin: 0em auto !important;
    max-width: 900px !important;
    padding: 0 1.25em !important;
  }
}

/* 1) page itself has NO padding so the cover can hit the top */
.page {
  padding: 0 !important;
}

/* 2) keep nice side padding on everything EXCEPT the cover image */
.page > header > :not(.page-cover-image),
.page-body {
  padding-left: 0em !important;
  padding-right: 0em !important;
}

/* 3) restore the "2em" breathing room for the actual content */
.page-body {
  padding-top: 0em !important;
  padding-bottom: 0em !important;
}

/* optional: add a little space between image and title (tweak) */
.page-title {
  margin-top: 1em !important;
}


a {
  color: #8ab4ff !important;
}

h1, h2, h3 {
  color: #ffffff !important;
}

hr {
  border-bottom: 1px solid rgba(255,255,255,0.15) !important;
}

blockquote {
  border-left: 3px solid rgba(255,255,255,0.3) !important;
}

code, .code {
  background: rgba(255,255,255,0.08) !important;
  color: #ff8a8a !important;
}

table, th, td {
  border-color: rgba(255,255,255,0.15) !important;
}

.page-cover-image {
  filter: brightness(0.8);
}