/* ChemE-as-Code brand for the docs (MkDocs Material): added as extra_css by the docs build in
   ChemE-as-Code/website (docs-build/), so docs.cheme-as-code.org matches the home and Atlas sites.
   Logo colours (navy, cyan) from src/brand.css; fonts self-hosted next to this file (fonts/). */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/inter-latin-wght-normal.woff2') format('woff2-variations');
}
@font-face {
  font-family: 'Montserrat Variable';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/montserrat-latin-wght-normal.woff2') format('woff2-variations');
}

:root,
[data-md-color-scheme='default'] {
  --md-text-font: 'Inter Variable', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --md-primary-fg-color: #0b2350;
  --md-primary-fg-color--light: #0f3f7a;
  --md-primary-fg-color--dark: #061a40;
  --md-accent-fg-color: #12b4d6;
  --md-typeset-a-color: #0f3f7a;
}

[data-md-color-scheme='slate'] {
  --md-primary-fg-color: #0b2350;
  --md-accent-fg-color: #5cd0ea;
  --md-typeset-a-color: #5cd0ea;
  --md-default-bg-color: #14171b;
}

.md-header__title,
.md-typeset h1,
.md-typeset h2 {
  font-family: 'Montserrat Variable', 'Inter Variable', system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.md-typeset h1 {
  color: var(--md-primary-fg-color);
}
[data-md-color-scheme='slate'] .md-typeset h1 {
  color: #f0f4f8;
}
.md-header__button.md-logo img {
  height: 1.9rem;
}