index.css

@charset "utf-8";

/* IDE Support
 * We recommend Stylelint and Tailwind Extensions for better IDE support.
 * @see https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss
 * @see https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint
*/

@import 'tailwindcss';
@import './theme.css';
@import './animations.css';
@import './effects.css';
@import './base.css' layer(utilities);
@import './markdown.css' layer(utilities);

@layer base {
  :root {
    --header-height: calc(var(--spacing, 0.25rem) * 16);
  }

  /* See https://tailwindcss.com/docs/upgrade-guide#default-border-color */
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-gray-200, currentColor);
  }

  /* See https://tailwindcss.com/docs/upgrade-guide#buttons-use-the-default-cursor */
  button,
  [role='button'] {
    &:not(:disabled) {
      @apply cursor-pointer;
    }
  }
}

@custom-variant aria-current (&[aria-current="page"]);

* {
  scrollbar-color: var(--color-green-600, #417e38) var(--color-neutral-900, #2c3437); /* thumb color, track color */

  scrollbar-width: thin;
}