@layer components {
  a {
    @apply text-primary-dark underline decoration-2 decoration-complementary
  }

  a:hover {
    @apply text-primary
  }

  nav a {
    @apply text-white no-underline
  }

  nav a:hover {
    @apply text-primary-dark no-underline
  }

  footer a {
    @apply text-complementary
  }
}