:root {
  /* Typography */
  --main-font-family:
    Seravek, "Gill Sans Nova", Ubuntu, Corbel, "DejaVu Sans",
    source-sans-pro, sans-serif;
  --head-font-family: "Spore";
  /* --code-font-family: "IBM Plex Mono", Monaco, Consolas, "DejaVu Sans Mono", ui-monospace, monospace; */

  /* Backgrounds */
  --background-body: rgb(255, 255, 255);
  --background-header: 50% / 50% repeat
    url("/assets/images/bg_pattern.jpg");
  --background-footer: rgb(228, 240, 246);

  /* Colors */
  --color-text: rgb(108, 109, 113);
  --color-shadows: rgb(234, 238, 241);
  --color-details: rgb(149, 149, 153);
  --color-accent: rgb(45, 158, 221);
  --color-accent-alt: rgb(35, 97, 167);

  /* Defaults */
  --border: 0.05rem solid var(--color-details);
  --radius: 0.5rem;
  --shadow: 0 0 0.5rem var(--color-shadows);
}

@media screen and (prefers-color-scheme: dark) {
  :root {
    --background-header: left / cover no-repeat url("/assets/images/bg_dark.jpg");
    --background-body: rgb(1, 1, 5);
    --color-text: rgb(234, 238, 241);
    --color-details: rgb(149, 149, 153);
    --color-shadows: rgb(0, 0, 13);
    --color-accent: rgb(65, 113, 181);
    --color-accent-alt: rgb(45, 158, 221);
    --background-footer: rgb(39, 36, 88);
  }
}

@font-face {
  font-family: "Spore";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/Spore-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Spore";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/Spore-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Spore";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/Spore-Light.woff2") format("woff2");
}

.sidebar-widget .widget-title {
  margin-bottom: calc(var(--spacing-unit) / 2);
}

.stats-list {
  list-style-position: inside;
}

#comments {
  margin-top: 2rem;
}

.forum-iframe {
    width: 100%;
    height: 500px;
    border: var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

.post .post-title {
  font-weight: 700;
  text-transform: uppercase;
}