/* Series colours for AI Developer: the website takes the palette of the book's cover (graphite and mint, with an amber mark),
   as the diagrams do (docs/mermaid-kvadrat-theme.json). Overrides the MkDocs readthedocs theme;
   layout and typography are unchanged. Ink #0E1218, teal #0B6B63, mint #3BE8C8, amber mark #FFB454. */

:root {
  --dev-dark: #0E1218;
  --dev-darker: #07090D;
  --dev-olive: #0B6B63;
  --dev-olive-deep: #084B46;
  --dev-lime: #3BE8C8;
  --dev-lime-soft: #8FF5DF;
  --dev-sand: #F1FAF8;
  --dev-sand-line: #CFE8E3;
  --dev-text-on-dark: #D5E8E4;
}

/* Header, search and mobile top bar (default theme blue #2980b9) */
.wy-side-nav-search,
.wy-nav-top {
  background-color: var(--dev-olive);
}

.wy-side-nav-search input[type=text] {
  border-color: var(--dev-olive-deep);
}

.wy-side-nav-search input[type=text]:focus {
  outline: 2px solid var(--dev-lime);
}

/* Sidebar (default theme grey #343131) */
.wy-nav-side {
  background: var(--dev-dark);
}

.wy-menu-vertical header,
.wy-menu-vertical p.caption {
  color: var(--dev-lime);
}

.wy-menu-vertical a {
  color: var(--dev-text-on-dark);
}

.wy-menu-vertical a:hover {
  background-color: #1A222C;
  color: #ffffff;
}

.wy-menu-vertical li.current {
  background: var(--dev-sand);
}

.wy-menu-vertical li.current > a,
.wy-menu-vertical li.current li > a {
  color: #0E2B28;
}

.wy-menu-vertical li.current a:hover,
.wy-menu-vertical li.current li > a:hover {
  background: #D5E8E4;
}

.wy-menu-vertical li.toctree-l1.current > a {
  border-color: var(--dev-sand-line);
  background: #E1F3EF;
}

.wy-menu-vertical li.toctree-l2.current > a,
.wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a {
  background: #EAF7F4;
}

/* Links in the content (default theme blue) */
.wy-nav-content a,
.rst-content a {
  color: var(--dev-olive);
}

.wy-nav-content a:hover,
.rst-content a:hover {
  color: var(--dev-olive-deep);
}

.wy-nav-content a:visited,
.rst-content a:visited {
  color: #0B5F58;
}

/* Page background and tables */
.wy-nav-content {
  background: #FAFEFD;
}

.rst-content table.docutils thead th,
.rst-content table thead th,
table thead th {
  background-color: #DDF2EE;
  color: #0E1218;
}

.rst-content table.docutils td,
.rst-content table td {
  border-color: var(--dev-sand-line);
}

blockquote {
  border-left: 4px solid var(--dev-lime);
  background: #F3FBF9;
}

/* Code blocks: the Read the Docs theme highlights code for a light background,
   so the blocks stay light and take a warm tint */
.highlight,
.rst-content pre.literal-block,
.rst-content div[class^=highlight] {
  background: #F3FBF9;
  border: 1px solid var(--dev-sand-line);
}

.highlight pre,
.rst-content pre {
  background: transparent;
  color: #0E1218;
}

/* Section headings carry the lime rule used on the cover */
.wy-nav-content h1 {
  border-bottom: 3px solid var(--dev-lime);
  padding-bottom: 0.2em;
}

/* Inline code: warm instead of the theme's red on white */
.rst-content code,
.rst-content tt,
.rst-content code.literal,
code {
  color: #0A5C55;
  background: #EAF7F4;
  border-color: #BFE3DC;
}

pre code,
.rst-content pre code {
  color: inherit;
  background: transparent;
  border: 0;
}