/* Thinner, softer links. Archie's red in light mode, a slightly lighter red in dark mode. */
:root {
  --color-primary-dark: #f05a6e;
  --color-primary-hover-dark: #f05a6e;
  /* Dividers, quote bars and code-block borders */
  --color-border: #dc143c;
  --color-border-dark: #f05a6e;
  --link-hover-bg: rgba(220, 20, 60, 0.10);
}
@media (prefers-color-scheme: dark) {
  :root { --link-hover-bg: rgba(240, 90, 110, 0.18); }
}

a,
.tags a {
  border-block-end-width: 1px;
  border-bottom-width: 1px;
  text-decoration: none;
}

a:hover,
a:focus,
.tags a:hover,
.tags a:focus,
.site-description a:hover,
.site-description a:focus {
  background-color: var(--link-hover-bg);
  color: inherit;
  outline: none;
}

/* No dotted line above the footer */
footer {
  border-top: none;
  border-block-start: none;
}

/* Bars between footer icons follow the dark-mode red */
@media (prefers-color-scheme: dark) {
  .border { border-color: var(--color-border-dark); }
}