@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800;900&display=fallback');

@tailwind base; // If not commented breaks the classic theme

@layer base {
  *,
  ::before,
  ::after {
    border-width: 0;
    border-style: solid;
    // border-color: theme('borderColor.DEFAULT', currentColor);
  }

  button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }
}

@import 'additional/reset-docusaurus-default-style.scss';

@tailwind components;

@import 'additional/utility-patterns.scss';
@import 'additional/theme.scss';

@tailwind utilities;

html, body {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.alert a,
.admonition,
.admonition-icon svg {
  color: var(--ifm-font-color-base);
  fill: var(--ifm-font-color-base);
  stroke: var(--ifm-font-color-base);
}

.center {
  text-align: center;
}

img {
  color: red; /* color of alt text for images with invalid src url */
}


/* FAQList styles */
.toc-inline {
  ul.table-of-contents, li {
    list-style: none;
  }
}

.faq-anchor {
  position: relative;
  top: -70px;
}