/* KaTeX styles */
@import url("https://unpkg.com/katex@0/dist/katex.min.css");

/* ---- pastel palette ---- */
:root {
  --md-primary-fg-color:        #8a7fb0;  /* lilac */
  --md-accent-fg-color:         #d98aa8;  /* pink */
  --pastel-sage:                #7fa88c;
  --pastel-sage-bg:             #eef5ef;
  --pastel-sage-edge:           #cfe1d2;
  --pastel-pink-bg:             #fbeef3;
  --pastel-pink-edge:           #eccdd9;
  --pastel-lilac-bg:            #f3f0f8;
  --pastel-lilac-edge:          #ddd4ea;
}

/* headings in lilac */
.md-typeset h1, .md-typeset h2 { color: #6f6398; }
.md-typeset h3 { color: #8a7fb0; }

/* ---- custom admonitions: theory (sage) ---- */
.md-typeset .admonition.theory,
.md-typeset details.theory {
  border-color: var(--pastel-sage-edge);
  background: var(--pastel-sage-bg);
}
.md-typeset .theory > .admonition-title,
.md-typeset .theory > summary {
  background: var(--pastel-sage-bg);
  color: var(--pastel-sage);
}
.md-typeset .theory > .admonition-title::before,
.md-typeset .theory > summary::before {
  background-color: var(--pastel-sage);
  -webkit-mask-image: var(--md-admonition-icon--note);
          mask-image: var(--md-admonition-icon--note);
}

/* ---- custom admonition: answer (pink) ---- */
.md-typeset .admonition.answer {
  border-color: var(--pastel-pink-edge);
  background: var(--pastel-pink-bg);
}
.md-typeset .answer > .admonition-title {
  background: var(--pastel-pink-bg);
  color: var(--md-accent-fg-color);
  font-weight: 700;
}
.md-typeset .answer > .admonition-title::before {
  background-color: var(--md-accent-fg-color);
  -webkit-mask-image: var(--md-admonition-icon--success);
          mask-image: var(--md-admonition-icon--success);
}

/* ---- custom admonition: steps (lilac) ---- */
.md-typeset .admonition.steps {
  border-color: var(--pastel-lilac-edge);
  background: var(--pastel-lilac-bg);
}
.md-typeset .steps > .admonition-title {
  background: var(--pastel-lilac-bg);
  color: #6f6398;
}

/* progress table centered */
.md-typeset table td, .md-typeset table th { text-align: center; }

/* softer body */
.md-typeset { color: #4a4658; }

/* ---- figures ---- */
.md-typeset .admonition img,
.md-typeset figure img,
.md-typeset p > img {
  display: block;
  margin: 1.1em auto 0.4em auto;
  max-width: 100%;
  border-radius: 10px;
  box-shadow: 0 2px 14px rgba(0,0,0,.28);
}
.md-typeset figure {
  margin: 1.2em auto;
  text-align: center;
}
.md-typeset figure figcaption {
  font-size: .82em;
  opacity: .78;
  margin-top: .35em;
}

/* ---- star / report a mistake box under each page ---- */
.md-typeset .page-cta {
  margin-top: 3rem;
  padding: 0.9rem 1.1rem;
  border: 1px solid var(--pastel-lilac-edge);
  border-radius: 0.4rem;
  background: var(--pastel-lilac-bg);
  font-size: 0.75rem;
}
.md-typeset .page-cta p { margin: 0.3rem 0; }
[data-md-color-scheme="slate"] .md-typeset .page-cta {
  background: transparent;
}