@import "tailwindcss";
@import "tailwindcss-animated";

@import './icons';
@import './colors';
@import './fonts';
@import './sizings';
@import './grid';

@import './components/article';
@import './components/article-preview';
@import './components/body';
@import './components/footer';
@import './components/header';
@import './components/links';
@import './components/main';
@import './components/navigation-tree';
@import './components/sidebar';
@import './components/table-of-contents';
@import './components/tabset';
@import './components/pagefind';
@import './components/graph';
@import './components/map';
@import './components/text-reader';

@import './markdown/callouts';
@import './markdown/code';
@import './markdown/embeds';
@import './markdown/map';
@import './markdown/math';
@import './markdown/tasks-list';
@import './markdown/timeline';
@import './markdown/spoiler';

@view-transition {
  navigation: auto;
}

@custom-variant marker (&::marker, & *::marker, &::-webkit-details-marker, & *::-webkit-details-marker);

body {
  font-family: var(--font-sans);
}

@utility html {
  @apply scroll-smooth scrollbar-track-transparent scrollbar-thumb-menu-active-background dark:scrollbar-thumb-menu-active-background-dark scrollbar-thin;
}