/* define color variables */
:root {
  --color-link-visited: #7756c2;
  --color-link-visited-dark: #a590d5;
}

/* Prefer system-ui font */
body {
  font-family: system-ui, sans-serif;
  font-size: 16px;
  /* Override: the default body / link colors in themes/hugo-bearblog cannot pass the 3:1 ratio guideline
          Ref: https://dequeuniversity.com/rules/axe/4.8/link-in-text-block
  */
  color: #000;
}
i, tt, code, pre, kbd, samp, listing, xmp {
  font-family: ui-monospace, monospace;
}
@media (prefers-color-scheme: dark) {
  body {
    color: #ddd;
  }
}

/* Link underlines show only on mouse hover */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.title:hover {
  text-decoration: none;
}
/* Blog post list items have a standalone a:visited color */
ul.blog-posts li a:visited {
  color: var(--color-link-visited);
}
@media (prefers-color-scheme: dark) {
  ul.blog-posts li a:visited {
    color: var(--color-link-visited-dark);
  }
}

/* Centering Images */
body p img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Reduce list indention */
ul {
  padding-left: 1.5em;
}

/* Fixes iOS font sizing anomaly
   Ref: [1]https://github.com/adityatelange/hugo-PaperMod/issues/828 
        [2]https://stackoverflow.com/questions/38346494/why-is-flex-affecting-font-size-on-ios
*/
code {
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}