/*
 * Kiln brand palette applied to Material for MkDocs.
 *
 * The mark is two-tone by design — an ink top course (the source data class) over
 * violet courses (the generated rows). That only reads on a neutral surface, so the
 * header bar is kept paper/ink rather than violet, and violet is carried by the
 * accents and links instead. This also honours the handoff's "never violet on ink".
 */

:root {
  --kiln-ink:            #2C2438;
  --kiln-ink-deep:       #251E30;
  --kiln-violet:         #7A45E0;
  --kiln-violet-on-dark: #A97BFF;
  --kiln-paper:          #F5F3F8;
}

/* ── Light scheme ─────────────────────────────────────────────────────────── */
[data-md-color-scheme="default"] {
  /* Paper header so the ink-top / violet-course mark reads as generated. */
  --md-primary-fg-color:        var(--kiln-paper);
  --md-primary-fg-color--light: var(--kiln-paper);
  --md-primary-fg-color--dark:  var(--kiln-ink);
  --md-primary-bg-color:        var(--kiln-ink);   /* header title/nav/search text */

  --md-accent-fg-color:         var(--kiln-violet);
  --md-typeset-a-color:         var(--kiln-violet);
}

/* ── Dark (slate) scheme ──────────────────────────────────────────────────── */
[data-md-color-scheme="slate"] {
  /* Ink header so the paper-top / violet-on-dark-course mark reads. */
  --md-primary-fg-color:        var(--kiln-ink-deep);
  --md-primary-fg-color--light: var(--kiln-violet-on-dark);
  --md-primary-fg-color--dark:  var(--kiln-ink-deep);
  --md-primary-bg-color:        var(--kiln-paper);

  --md-accent-fg-color:         var(--kiln-violet-on-dark);
  --md-typeset-a-color:         var(--kiln-violet-on-dark);
}

/*
 * Per-scheme logo. mkdocs.yml only takes a single `theme.logo`, so swap the mark
 * with a CSS background — the real two-tone `kiln-mark.svg` on the paper header,
 * and the dark variant on the ink header. The link keeps its `title="Kiln"`, so
 * hiding the inner <img> doesn't cost the accessible name.
 */
.md-header__button.md-logo {
  width: 2.4rem;
  height: 2.4rem;
  padding: 0.35rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  box-sizing: content-box;
}
.md-header__button.md-logo img {
  display: none;
}
[data-md-color-scheme="default"] .md-header__button.md-logo {
  background-image: url("../assets/kiln-mark.svg");
}
[data-md-color-scheme="slate"] .md-header__button.md-logo {
  background-image: url("../assets/kiln-mark-dark.svg");
}