/* 6umi.net fonts not covered by theme.font: headings and Japanese. */
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=BIZ+UDPGothic:wght@400;700&display=swap");

/*
 * Colours of 6umi.net (repo 6umi: Nav/Footer #082828, main #004040, text
 * #f0f0f0, accent #ff8080), applied through the theme's documented custom
 * palette: mkdocs.yml sets primary/accent to "custom" on the slate scheme and
 * these variables fill them in. No template is overridden.
 */
[data-md-color-scheme="slate"] {
  --md-hue: 180;

  --md-default-bg-color: #004040;
  --md-default-fg-color: #f0f0f0;
  --md-default-fg-color--light: rgba(240, 240, 240, 0.72);
  --md-default-fg-color--lighter: rgba(240, 240, 240, 0.4);
  --md-default-fg-color--lightest: rgba(240, 240, 240, 0.12);

  --md-primary-fg-color: #082828;
  --md-primary-fg-color--light: #002828;
  --md-primary-fg-color--dark: #001010;
  --md-primary-bg-color: #f0f0f0;
  --md-primary-bg-color--light: rgba(240, 240, 240, 0.72);

  --md-accent-fg-color: #ff8080;
  --md-accent-fg-color--transparent: rgba(255, 128, 128, 0.1);

  --md-typeset-a-color: #f0f0f0;

  --md-code-bg-color: #002828;
  --md-code-fg-color: #f0f0f0;

}

/*
 * The modern variant ignores the primary and footer colour variables: the
 * header is a translucent page background and the footer is the page
 * background plus a light overlay. 6umi.net uses one solid #082828 for its
 * Nav and Footer, so set it on the elements. These are the theme's class
 * names, not template overrides; re-check them when upgrading zensical.
 */
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-footer,
[data-md-color-scheme="slate"] .md-footer-meta {
  background-color: #082828;
}

/*
 * Fonts as on 6umi.net: Inter for text and JetBrains Mono for code (set in
 * theme.font), Space Grotesk for headings, BIZ UDPGothic for every Japanese
 * character. The font variables are the theme's own; the heading rule is not.
 */
:root:root {
  --md-text-font: "Inter", "BIZ UDPGothic";
  --md-code-font: "JetBrains Mono", "BIZ UDPGothic";
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: "Space Grotesk", "BIZ UDPGothic", ui-sans-serif, sans-serif;
}