erynwells.me/assets/styles/root.css

@layer reset, typography, root, layout, section, page, utility;

:root {
  --transition-duration: 0.7s;
  --menu-icon-size: 20px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --twitter-icon: url(/icons/twitter-dark.svg);
    --github-icon: url(/icons/github-dark.svg);
    --instagram-icon: url(/icons/instagram-dark.svg);
    --feed-icon: url(/icons/rss-dark.svg);
  }
}

@layer root {
  nav.bulleted>li:first-child::before {
    content: "";
  }

  nav.bulleted>li::before {
    content: "•";
    opacity: 80%;
  }

  header > span.series::before {
    content: "↳";
  }
}