/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */

@import '~slick-carousel/slick/slick.css';
@import '~slick-carousel/slick/slick-theme.css';

:root {
  --ifm-color-primary: #531fa5;
  --ifm-color-primary-dark: #4b1c95;
  --ifm-color-primary-darker: #471a8c;
  --ifm-color-primary-darkest: #3a1674;
  --ifm-color-primary-light: #5b22b6;
  --ifm-color-primary-lighter: #5f24be;
  --ifm-color-primary-lightest: #6c28d7;
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
  --ifm-color-primary: #00c5fb;
  --ifm-color-primary-dark: #00b1e2;
  --ifm-color-primary-darker: #00a7d5;
  --ifm-color-primary-darkest: #008ab0;
  --ifm-color-primary-light: #15cdff;
  --ifm-color-primary-lighter: #22cfff;
  --ifm-color-primary-lightest: #47d7ff;
  --ifm-background-color: #272934;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}

.code-block-error-line {
  background-color: #ff000020;
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
  border-left: 3px solid #ff000080;
}

.code-block-success-line {
  background-color: #00ff0020;
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
  border-left: 3px solid #00ff0080;
}
