:root {
  --color-primary-dark: #ff2020 !important;
  --color-primary-hover-dark: #ff5050 !important;
  --color-border-dark: #444444 !important;
  --color-background-dark: #000000 !important;
  --color-text-dark: #ffffff !important;
}

body {
  background-color: #000 !important;
  color: #fff !important;
}

a {
  color: #ff2020 !important;
}

a:hover, a:visited {
  color: #ff2020 !important;
}

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

h1 a:hover, h2 a:hover {
  color: #ff2020 !important;
}

a.readmore {
  color: #000 !important;
  background-color: #ff2020 !important;
  padding: 0.3rem 0.8rem;
  border: none !important;
  text-decoration: none !important;
}

a.readmore:hover {
  background-color: #ff5050 !important;
  color: #000 !important;
}

/* Centered header */
header {
  text-align: center !important;
}

header .main {
  text-align: center !important;
  margin-bottom: 0.5rem !important;
}

header .main a {
  display: inline-block !important;
  border: 3px solid #ff2020 !important;
  padding: 0.5rem 2rem !important;
  font-size: 2rem !important;
  font-weight: 900 !important;
  color: #fff !important;
  text-decoration: none !important;
  margin-bottom: 1rem !important;
}

header nav {
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  gap: 1.5rem !important;
}

header nav a {
  color: #fff !important;
}

header nav a:hover {
  color: #ff2020 !important;
}

/* Subtitle under header */
.site-description {
  text-align: center !important;
  margin-top: 0.5rem !important;
  color: #888 !important;
}

::selection {
  background-color: #ff2020;
  color: #000 !important;
}

header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

header .main {
  width: 100% !important;
  text-align: center !important;
}

header nav {
  width: 100% !important;
  justify-content: center !important;
}

header nav a {
  color: #fff !important;
  text-decoration: none !important;
}

header nav a:hover {
  color: #ff2020 !important;
}

/* Remove dotted divider */
hr {
  display: none !important;
}

/* Remove dotted borders */
:root {
  --color-border: transparent !important;
  --color-border-dark: transparent !important;
}

hr, footer hr {
  border: none !important;
  border-top: none !important;
}

header nav a:hover {
  color: #000 !important;
  background-color: #ff2020 !important;
  padding: 0.2rem 0.4rem !important;
}

/* All red elements — black text on hover */
a:hover {
  color: #000 !important;
  background-color: #ff2020 !important;
}

/* Move socials - hide from footer */
footer .social-icons {
  display: none !important;
}
