/* Obsidian-flavoured tweaks on top of MaterialX (the maintained mkdocs-material continuation;
   theme.name: materialx). Goal: the published docs read like an Obsidian Publish site — Obsidian's
   purple accent, the near-black dark canvas, soft cards and the familiar coloured callouts.
   MaterialX's named "deep purple" palette gets us close; these custom properties pin the exact
   Obsidian hues. (MaterialX keeps mkdocs-material's `--md-*` / `data-md-color-scheme` namespace.) */

:root {
  --lie-purple: #7c5cff;          /* Obsidian accent (interactive purple) */
  --lie-purple-dark: #6b4dff;
}

/* Light scheme — accent + links in Obsidian purple. */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--lie-purple-dark);
  --md-accent-fg-color: var(--lie-purple);
  --md-typeset-a-color: var(--lie-purple-dark);
}

/* Dark scheme — Obsidian's near-black canvas (#1e1e22 body, #181818 header). */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--lie-purple);
  --md-accent-fg-color: var(--lie-purple);
  --md-typeset-a-color: #a18bff;
  --md-default-bg-color: hsl(240, 6%, 13%);
  --md-default-fg-color: hsla(0, 0%, 100%, 0.9);
  --md-default-fg-color--light: hsla(0, 0%, 100%, 0.62);
  --md-code-bg-color: hsl(240, 6%, 17%);
}
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background-color: hsl(240, 5%, 9%);
}

/* Obsidian-ish soft, full-width-capped content with rounded media. */
.md-typeset img,
.md-typeset .lie-image-area {
  border-radius: 6px;
}

/* "grid cards" landing tiles a touch softer, Obsidian-card-like. */
.md-typeset .grid.cards > :is(ul, ol) > li,
.md-typeset .grid > .card {
  border-radius: 8px;
}

/* Give the live-rendered demo images a calm frame so transforms read clearly. */
.md-typeset figure .lie-image-area,
.md-typeset figure img {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
}