@import url('https://fonts.googleapis.com/css2?family:Lora:wght@500;600;700&display=swap');

/* =========================
   BASE
========================= */

body {
  background-color: #212121;
  color: #f2f2f2;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* =========================
   NAVBAR
========================= */

.navbar {
  background-color: #212121;
  border-bottom: 1px solid #3a3b42;
}

.navbar a {
  color: #e5e5e5 !important;
}

/* =========================
   HEADINGS
========================= */

h1 {
  font-family: "Lora", Georgia, serif;
  font-size: 2.8rem;
  color: #ffffff;
  font-weight: 600;
}

/* =========================
   TEXT
========================= */

p {
  color: #e6e6e6;
  line-height: 1.65;
}

/* =========================
   LISTING — HARD OVERRIDE
========================= */

/* kill ALL opacity everywhere in listings */
.quarto-listing *,
.quarto-listing *::before,
.quarto-listing *::after {
  opacity: 1 !important;
}

/* specifically fix the clickable wrapper */
.quarto-listing a,
.quarto-listing a:link,
.quarto-listing a:visited,
.quarto-listing a:hover,
.quarto-listing a:active {
  opacity: 1 !important;
  color: inherit !important;
}

/* force readable text */
.quarto-listing .listing-description,
.quarto-listing .listing-description p {
  color: #f2f2f2 !important;
}

/* title */
.quarto-listing .listing-title {
  color: #ffffff !important;
}

/* date */
.quarto-listing .listing-date {
  color: #bdbdbd !important;
}

/* =========================
   LINKS
========================= */

a {
  color: #d6d2ff;
}

a:hover {
  color: #ffffff;
}

/* =========================
   SELECTION
========================= */

::selection {
  background: #86a8ff;
  color: #ffffff;
}