/* Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");

/* Font Awesome */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");

body {
  --font-stack: Bricolage Grotesque, sans-serif;
  --color-brand-primary: #5b94cd;
  --color-brand-content: #5b94cd;
  --color-brand-visited: #5b94cd;
}

body[data-theme="light"] {
  --color-background-primary: #fff;
  --color-background-secondary: #fff;
}

body:not([data-theme="light"]) {
  --color-background-primary: #222;
  --color-background-secondary: #222;
  --color-content-foreground: #f0efea;
  --color-content-background: #222;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1em;
}

::selection {
  background-color: #9cbddd;
}

.sidebar-brand-text, 
.mobile-header .brand {
  font-weight: bold;
}

.social-icons {
  display: flex;
  padding: 0;
  margin: 1em 0;
  list-style: none;
  gap: 0.75em;
}

/* NOTE: Hack for MathJax */
mjx-container {
  margin: 0 !important;
  overflow-y: hidden !important;
}

/* NOTE: Hack for toctree */
.toctree-wrapper.compound .caption {
  margin-top: 2em;
  margin-bottom: 1em;
}

/* NOTE: Hack for sphinx-proof */
div#proof {
  padding: 0.4em 0.6em 1.2em 0.6em !important;
}

/* NOTE: Hack for sphinx-proof */
div.proof.admonition p.admonition-title::before {
  content: "";
  background-color: var(--color-admonition-title--note);
  mask-image: var(--icon-pencil);
}

/* NOTE: Hack for sphinx-proof */
div.proof.admonition {
  padding-bottom: 0;
}