/* Purlo docs — brand match to purlo.dev (Direction C, teal).
   Material's "teal" preset is ~#009688; these are the exact brand hexes, plus
   Sora headings and teal inline-code chips. Block code keeps Material's
   theme-aware, readable syntax highlighting. */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700&display=swap');

/* ---- exact brand colours ---- */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #0E9384;
  --md-primary-fg-color--light: #12A897;
  --md-primary-fg-color--dark: #0B7A6E;
  --md-accent-fg-color: #0B7A6E;
  --md-typeset-a-color: #0B7A6E;
  --md-default-bg-color: #F5F7F7;
}
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0E9384;
  --md-primary-fg-color--dark: #0B7A6E;
  --md-accent-fg-color: #4FD6C2;
  --md-typeset-a-color: #4FD6C2;
  --md-default-bg-color: #0C110F;
  --md-default-fg-color: #EAF0EF;
}

/* ---- type: Sora headings, mono site title (matches the site) ---- */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-family: "Sora", "Hanken Grotesk", system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.md-header__topic > .md-ellipsis {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-weight: 700;
  letter-spacing: -0.04em;
}

/* ---- inline code as a soft teal chip (block code is left to Material) ---- */
.md-typeset :not(pre) > code {
  border-radius: 5px;
  padding: 0.1em 0.4em;
}
[data-md-color-scheme="default"] .md-typeset :not(pre) > code {
  background-color: #E4F1EE;
  color: #0B7A6E;
}
[data-md-color-scheme="slate"] .md-typeset :not(pre) > code {
  background-color: #16302B;
  color: #4FD6C2;
}