@font-face {
  font-display: swap;
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/merriweather-latin-300-normal.woff2') format('woff2');
}

:root {
  --color-primary-dark: #765295;
  --content-max-width: 680px;
}

p {
  font-family: 'Merriweather', Georgia, 'Times New Roman', serif;
  font-size: 1.125em;
  line-height: 1.6;
}

ul > li::before {
  color: var(--color-primary-dark, #765295);
}

/* Link styling */
a {
  border-bottom: none;
  border-block-end: none;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.35em;
  transition: opacity 0.2s ease, text-underline-offset 0.15s ease;
}

a:hover,
a:focus {
  background-color: transparent;
  color: inherit;
  outline: none;
  opacity: 0.7;
}

a:active {
  text-underline-offset: 0.5em;
}

.site-title a {
  text-decoration: none;
}

.soc {
  text-decoration: none;
}

.soc:hover,
.soc:focus {
  outline: none;
}

.tags a:hover,
.tags a:focus {
  background-color: transparent;
  color: inherit;
}

.site-description a:hover,
.site-description a:focus {
  color: inherit;
}