/* palette: publish.css .theme-dark */
[data-md-color-scheme="slate"] {
  --tn-bg: rgb(26, 27, 38);
  --tn-bg-dark: rgb(22, 22, 30);
  --tn-bg-dark2: rgb(18, 18, 24);
  --tn-bg-highlight: rgb(41, 46, 66);
  --tn-code-bg: rgb(36, 40, 59);
  --tn-fg: rgb(192, 202, 245);
  --tn-fg-dark: rgb(169, 177, 214);
  --tn-comment: rgb(86, 95, 137);
  --tn-red: rgb(255, 117, 127);
  --tn-orange: rgb(255, 158, 100);
  --tn-yellow: rgb(224, 175, 104);
  --tn-green: rgb(158, 206, 106);
  --tn-cyan: rgb(125, 207, 255);
  --tn-blue: rgb(122, 162, 247);
  --tn-magenta: rgb(187, 154, 247);
  --tn-accent: hsl(202, 100%, 75%);
}

/* palette: publish.css .theme-light */
[data-md-color-scheme="default"] {
  --tn-bg: rgb(213, 214, 219);
  --tn-bg-dark: rgb(203, 204, 209);
  --tn-bg-dark2: rgb(188, 189, 194);
  --tn-bg-highlight: rgb(220, 222, 226);
  --tn-code-bg: rgb(195, 197, 201);
  --tn-fg: rgb(52, 59, 88);
  --tn-fg-dark: rgb(39, 46, 75);
  --tn-comment: rgb(150, 153, 163);
  --tn-red: rgb(140, 67, 81);
  --tn-orange: rgb(150, 80, 39);
  --tn-yellow: rgb(143, 94, 21);
  --tn-green: rgb(51, 99, 92);
  --tn-cyan: rgb(15, 75, 110);
  --tn-blue: rgb(52, 84, 138);
  --tn-magenta: rgb(90, 74, 120);
  --tn-accent: hsl(202, 86%, 43%);
}

/* map palette onto Material's theme variables */
[data-md-color-scheme="slate"],
[data-md-color-scheme="default"] {
  --md-default-bg-color: var(--tn-bg);
  --md-default-fg-color: var(--tn-fg);
  --md-default-fg-color--light: var(--tn-fg-dark);
  --md-default-fg-color--lighter: var(--tn-comment);
  --md-code-bg-color: var(--tn-code-bg);
  --md-code-fg-color: var(--tn-fg);
  --md-typeset-a-color: var(--tn-magenta);
  --md-accent-fg-color: var(--tn-cyan);
  --md-primary-fg-color: var(--tn-bg-dark2);
  --md-primary-bg-color: var(--tn-fg);
  --md-primary-bg-color--light: var(--tn-fg-dark);
  --md-footer-bg-color: var(--tn-bg-dark2);
  --md-footer-bg-color--dark: var(--tn-bg-dark2);
  --md-typeset-mark-color: rgba(255, 158, 100, 0.4);
  --md-typeset-table-color: var(--tn-bg-highlight);
}

/* rainbow headings (publish.css --h1-color..--h6-color) */
.md-typeset h1 { color: var(--tn-red); }
.md-typeset h2 { color: var(--tn-yellow); }
.md-typeset h3 { color: var(--tn-green); }
.md-typeset h4 { color: var(--tn-cyan); }
.md-typeset h5 { color: var(--tn-blue); }
.md-typeset h6 { color: var(--tn-magenta); }

/* bold/italic accent (publish.css --bold-color / --italic-color) */
.md-typeset strong, .md-typeset em { color: var(--tn-cyan); }

/* blockquotes on secondary background */
.md-typeset blockquote {
  background: var(--tn-bg-dark);
  color: var(--tn-fg-dark);
}

/* publish.css: mjx-math { font-size: 110% } */
mjx-math { font-size: 110% !important; }