/**
 * 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. */
:root {
  --ifm-font-family-base: Inter, sans-serif;
  font-feature-settings:
    "liga" 1,
    "calt" 1; /* fix for Chrome */

  --ifm-color-primary-darkest: #93160f;
  --ifm-color-primary-darker: #c2221a;
  --ifm-color-primary-dark: #e24627;
  --ifm-color-primary: #f06533;
  --ifm-color-primary-light: #ef9540;
  --ifm-color-primary-lighter: #ffb655;
  --ifm-color-primary-lightest: #ffcf6f;
  --ifm-code-font-size: 90%;
  --docusaurus-highlighted-code-line-bg: rgba(255, 207, 111, 0.2);
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme="dark"] {
  --docusaurus-highlighted-code-line-bg: rgba(255, 207, 111, 0.1);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: -0.02em;
}