Shuunen/folio

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

html {
  scroll-behavior: smooth;
}

html .prose :where(h1):not(:where([class~="not-prose"] *)) {
  @apply text-primary-500;
}

h1 {
  @apply dark:text-primary-100;
}

html, body, #app, .layout--content > div {
  @apply h-full;
}

::-webkit-scrollbar {
  @apply w-2 h-2;
}

::-webkit-scrollbar-track {
  @apply bg-primary-500;
}

::-webkit-scrollbar-thumb {
  @apply bg-primary-700 border border-current;
}

a[href^="/"]:not(.app-button), .app-link {
  @apply hover:text-accent-600 dark:hover:text-accent-400 no-underline border-b-2 border-transparent;
}

a[href^="/"]:not(.app-button).app-link {
  @apply hover:border-accent-500;
}

a[href^="/"]:not(.app-button), .app-link, .accent {
  @apply dark:text-accent-300 text-accent-500 transition-colors;
}

.app-link.app-link--active {
  @apply border-primary-300 dark:border-accent-400/70;
}