/**
 * 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.
 */

/*
Removing base styles ensures docusaurus' base styles work
@tailwind base;
*/
@tailwind components;
@tailwind utilities;

@font-face {
  font-family: "LibreFranklin";
  src: url("../../static/fonts/LibreFranklin-VariableFont_wght.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "LibreFranklin";
  src: url("../../static/fonts/LibreFranklin-Italic-VariableFont_wght.ttf") format("truetype");
  font-display: swap;
  font-style: italic;
}

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: rgba(12, 175, 186, 1);
  --ifm-color-primary-dark: rgba(12, 175, 186, 1);
  --ifm-color-primary-darker: rgba(12, 175, 186, 1);
  --ifm-color-primary-darkest: rgba(12, 175, 186, 1);
  --ifm-color-primary-light: rgba(12, 175, 186, 1);
  --ifm-color-primary-lighter: rgba(12, 175, 186, 1);
  --ifm-color-primary-lightest: rgba(12, 175, 186, 1);
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
  /* --ifm-font-family-base: 'LibreFranklin', sans-serif; */
}

h1 {
  font-family: "LibreFranklin", sans-serif;
}
h2 {
  font-family: "LibreFranklin", sans-serif;
}
h3 {
  font-family: "LibreFranklin", sans-serif;
}
h4 {
  font-family: "LibreFranklin", sans-serif;
}

.navbar__title {
  font-family: "LibreFranklin", sans-serif;
  font-weight: medium;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: rgba(12, 175, 186, 1);
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme="dark"] {
  --ifm-color-primary: rgba(12, 175, 186, 1);
  --ifm-color-primary-dark: rgba(12, 175, 186, 1);
  --ifm-color-primary-darker: rgba(12, 175, 186, 1);
  --ifm-color-primary-darkest: rgba(12, 175, 186, 1);
  --ifm-color-primary-light: rgba(12, 175, 186, 1);
  --ifm-color-primary-lighter: rgba(12, 175, 186, 1);
  --ifm-color-primary-lightest: rgba(12, 175, 186, 1);
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}
