/* Match the app's typography and blue palette using Material's theme tokens. */
:root {
  --md-text-font: "Segoe UI", system-ui, sans-serif;
  --md-code-font: Consolas, "Cascadia Code", monospace;
  --md-primary-fg-color: #1d2e47;
  --md-primary-fg-color--light: #3b7bbb;
  --md-primary-fg-color--dark: #101822;
  --md-primary-bg-color: #fff;
  --md-primary-bg-color--light: #ffffffb3;
}

[data-md-color-scheme="default"] {
  color-scheme: light;
  --md-default-fg-color: #243247;
  --md-default-fg-color--light: #526176;
  --md-default-fg-color--lighter: #637084;
  --md-default-fg-color--lightest: #dce1e8;
  --md-default-bg-color: #fff;
  --md-typeset-a-color: #2563a6;
  --md-accent-fg-color: #2563a6;
  --md-accent-fg-color--transparent: #2563a61a;
  --md-accent-bg-color: #fff;
}

[data-md-color-scheme="slate"] {
  color-scheme: dark;
  --md-default-fg-color: #dce6f2;
  --md-default-fg-color--light: #bcc9da;
  --md-default-fg-color--lighter: #a4b3c8;
  --md-default-fg-color--lightest: #344256;
  --md-default-bg-color: #101822;
  --md-typeset-a-color: #7cb7f5;
  --md-accent-fg-color: #7cb7f5;
  --md-accent-fg-color--transparent: #7cb7f51a;
  --md-accent-bg-color: #101822;
  --md-code-bg-color: #182333;
  --md-code-fg-color: #dce6f2;
}

.md-typeset h1,
.md-typeset h2 {
  font-weight: 600;
}