/* Criterra brand for the documentation site (D-035): the criterra.eu design
   tokens and the three self-hosted families the application itself ships.
   The font files are injected at build time from frontend/public/fonts by
   tools/mkdocs_hooks.py — one set of files, no third-party requests. */

@font-face {
  font-family: 'Newsreader';
  src: url('fonts/newsreader-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Newsreader';
  src: url('fonts/newsreader-400i.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Newsreader';
  src: url('fonts/newsreader-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('fonts/hanken-grotesk-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('fonts/hanken-grotesk-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('fonts/hanken-grotesk-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('fonts/ibm-plex-mono-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('fonts/ibm-plex-mono-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --md-text-font: 'Hanken Grotesk';
  --md-code-font: 'IBM Plex Mono';
}

[data-md-color-scheme='default'] {
  /* criterra.eu tokens: paper, ink, one accent. */
  --md-primary-fg-color: #2e6a4e;
  --md-primary-fg-color--light: #2e6a4e;
  --md-primary-fg-color--dark: #16231c;
  --md-accent-fg-color: #245540;
  --md-default-bg-color: #eaebe2;
  --md-default-fg-color: #16231c;
  --md-default-fg-color--light: rgba(22, 35, 28, 0.74);
  --md-default-fg-color--lighter: rgba(22, 35, 28, 0.4);
  --md-default-fg-color--lightest: rgba(22, 35, 28, 0.08);
  --md-typeset-color: #16231c;
  --md-typeset-a-color: #2e6a4e;
  --md-code-bg-color: rgba(22, 35, 28, 0.06);
  --md-code-fg-color: #16231c;
  --md-footer-bg-color: #16231c;
  --md-footer-bg-color--dark: #101a15;
}

/* Headings in the serif family, as in the application and on criterra.eu. */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-family: 'Newsreader', 'Times New Roman', serif;
  font-weight: 600;
  color: #16231c;
}

/* Slightly raised surfaces for tables, matching the app's paper-raised tone. */
.md-typeset table:not([class]) {
  background: #f3f4ec;
}