@tailwind base; 
@tailwind components;
@tailwind utilities;

@layer components {
  .link {
    @apply text-blue underline underline-offset-2 ;
  }
  .link:visited {
    @apply text-mauve dark:text-lavender;
  }
  .link:hover,
  .link:active,
  .link:focus {
    @apply no-underline text-sky outline-2 outline-sky;
  }

  .outline-link {
    @apply outline-offset-4 outline-2 outline-sky;
  }
}

pre {
  padding: 1rem 0.5rem;
  margin: 0.5rem 0 ;
  border-radius: 0.25rem;
  color: rgb(var(--ctp-text));
  background-color: rgb(var(--ctp-base));
  outline: 1px solid rgb(var(--ctp-surface0))
}
