@layer base {
  html {
    @apply scroll-smooth;
  }
  html[data-theme="light"] {
    --ifm-background-color: white;
    --ifm-color-primary: #2563eb; /* New Primary Blue */
    --ifm-color-primary-dark: #204fcf; /* Darker Blue */
    --ifm-color-primary-darker: #1b45b7; /* Even Darker Blue */
    --ifm-color-primary-darkest: #163c9d; /* Darkest Blue */
    --ifm-color-primary-light: #2974ff; /* Light Blue */
    --ifm-color-primary-lighter: #3280ff; /* Lighter Blue */
    --ifm-color-primary-lightest: #3a8bff; /* Lightest Blue */
    --ifm-code-font-size: 95%;
    --ifm-navbar-link-hover-color: inherit;
    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
  }
  html[data-theme="dark"] {
    --ifm-background-color: black;
    --ifm-color-primary: #ffffff; /* New Primary Blue */
    --ifm-color-primary-dark: #204fcf; /* Darker Blue */
    --ifm-color-primary-darker: #1b45b7; /* Even Darker Blue */
    --ifm-color-primary-darkest: #163c9d; /* Darkest Blue */
    --ifm-color-primary-light: #2974ff; /* Light Blue */
    --ifm-color-primary-lighter: #3280ff; /* Lighter Blue */
    --ifm-color-primary-lightest: #3a8bff; /* Lightest Blue */
    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
  }
  body {
    @apply text-sm;
    @apply antialiased;
    @apply bg-white dark:bg-black;
    @apply text-gray-700 dark:text-gray-500;
  }
  img {
    pointer-events: none;
  }

  a {
    &:hover {
      color: inherit;
      text-decoration: none;
    }
  }
}
