@import './lib/base.css';
@import './lib/shiki.css';

@plugin '../dist/tailwind/typography.js';

@import './generated/docs.css';
@import './generated/home.css';
@import './generated/notebook.css';
@import './generated/flux.css';

@import './generated/shared.css';

@theme {
  --spacing-fd-container: 1400px;
  --fd-page-width: 1200px;
  --fd-sidebar-width: 0px;
  --fd-toc-width: 0px;
  --fd-layout-width: 1600px;
  --fd-banner-height: 0px;
  --fd-nav-height: 0px;
  --fd-tocnav-height: 0px;
}

@layer base {
  :root,
  #nd-docs-layout {
    --fd-layout-offset: max(calc(50vw - var(--fd-layout-width) / 2), 0px);
  }
}

@utility container {
  margin-inline: auto;
  padding-inline: 1rem;

  @apply 2xl:max-w-(--spacing-fd-container);
}

/* Apply styles to :root */
@custom-variant on-root {
  :root:has(&) {
    @slot;
  }
}