@tailwind base;
@tailwind components;
@tailwind utilities;

/**
 * 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. 
   Full list of Infima variables: https://github.com/facebook/docusaurus/issues/3955#issuecomment-1521944593
*/
:root {
  --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%;
  --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: #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);
}

.footer.footer--dark {
  --ifm-footer-background-color: #1a212f;
  --ifm-footer-color: var(--ifm-footer-link-color);
  --ifm-footer-link-color: var(--ifm-color-secondary);
  --ifm-footer-title-color: var(--ifm-color-white);

  background-color: var(--ifm-footer-background-color);
  color: var(--ifm-footer-color)
}