@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700";
@import "https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css";

/* ----- Define a palette to use for the dark mode ----- */

:root {
  /* Backgrounds */
  --bg: #1e1e1e;
  --bg-alt: #2a2a2a;
  --bg-light: #292929;

  /* Text */
  --fg: #e0e0e0;
  --fg-muted: #aaaaaa;
  --fg-inverse: #ffffff;

  /* Borders and dividers */
  --border: #444444;

  /* Links and accents */
  --link: #5aa0ff;
  --link-hover: #7abaff;
  --accent: #79b8ff;

  /* Code blocks and inline code */
  --code-bg: #2d2d2d;
  --code-fg: #f8f8f2;

  /* Table headers */
  --table-head-bg: #2a2a2a;
  --table-head-fg: #ffffff;

  /* Admonitions and blockquotes */
  --admonition-bg: #292929;
  --admonition-border: #555555;
  --admonition-fg: #dddddd;

  /* Sidebar and TOC background */
  --sidebar-bg: #252525;
  --sidebar-fg: #e0e0e0;

  /* Captions */
  --caption:#E3C1BA;

  /* Headings */
  --heading-main:#FFA391;
  --heading-sub:#E07D69;
}


/* ----- Apply the styling for dark mode defined colours ----- */

body {
  background-color: var(--bg);
  color: var(--fg);
}

/* Headings */
h1, h2, #toctitle,
.sidebarblock > .content > .title {
  color: var(--heading-main);
}
h3, h4, h5, h6, #toctitle,
.sidebarblock > .content > .title {
  color: var(--heading-sub);
}

/* AsciiDoc default extra overrides required to above */
#header > h1:first-child {
  color: var(--fg-inverse);
}
#header .details {
  color: var(--fg-muted);
}

/* Links */
a {
  color: var(--link);
}
a:hover {
  color: var(--link-hover);
}

/* Inline code */
code,
.literalblock code,
.listingblock code,
.exampleblock code {
  background-color: var(--code-bg) !important;
  color: var(--code-fg) !important;
  border-radius: 3px;
  padding: 0 0.2em;
}


/* Code blocks */
pre {
  background: var(--code-bg);
  color: var(--code-fg);
  border-radius: 6px;
  padding: 1em;
}
/* AsciiDoc default extra overrides required to above */
.literalblock pre,
.listingblock > .content > pre:not(.highlight),
.listingblock > .content > pre[class="highlight"],
.listingblock > .content > pre[class^="highlight "] {
  background-color: var(--code-bg); /* dark background */
  color: var(--code-fg);             /* light text */
  border-radius: 6px;
  padding: 1em;
  overflow-x: auto;
}
/* Example blocks (including code, listings, etc.) */
.exampleblock > .content {
  background-color: var(--code-bg);    /* dark background */
  color: var(--code-fg);               /* light text */
  border: 1px solid var(--border);     /* use dark border */
  border-radius: 6px;
  padding: 1em;
  overflow-x: auto;
}

/* Remove inner pre border to avoid double border */
.exampleblock > .content pre {
  border: none;
  background: transparent; /* inherit content bg */
  color: inherit;
}

/* Example blocks (including code, listings, etc.) */
.exampleblock > .content {
  background-color: var(--border);    /* dark background */
  color: var(--code-fg);               /* light text */
  border: 1px solid var(--border);     /* use dark border */
  border-radius: 6px;
  padding: 1em;
  overflow-x: auto;
}


/* Tables */
table {
  border-color: var(--border);
}

tbody tr {
  color: var(--fg);
  background-color: var(--bg-light);
}
/* NEW */
tbody tr th p {
  color: var(--fg);
  background-color: var(--bg-light);
}

.tableblock th {
  border: 1px solid var(--border);
  background-color: var(--table-head-bg);
  color: var(--table-head-fg);
}

/* AsciiDoc default extra overrides required to above */
table tr td {
  color: var(--fg);
}
/* Table headers */
.tableblock thead th {
  background-color: var(--border);
  color: var(--table-head-fg);
  font-weight: 600;
}

/* Table divider lines */
/* Normal table cells */
.tableblock td {
  border: 1px solid var(--border);
  color: var(--fg);
}

/* Admonitions */
.admonitionblock {
  background-color: var(--admonition-bg);
  border-left: 4px solid var(--admonition-border);
  color: var(--admonition-fg);
}
.admonitionblock td.content {
  color: var(--admonition-fg);
}
/* AsciiDoc default extra overrides required to above */
.admonitionblock > table td.content {
  color: var(--admonition-fg);
}

/* TOC */
.sidebarblock {
  background-color: var(--sidebar-bg);
  color: var(--sidebar-fg);
}
#toc {
  background-color: var(--sidebar-bg);
}
#toc a {
  color: var(--link);
}

#toc {
  background-color: var(--sidebar-bg);
}

/* AsciiDoc default extra overrides required to above */
#content #toc {
  background-color: var(--sidebar-bg);
}

/* Horizontal rules */
hr {
  border-color: var(--border);
}

/* Blockquotes */
blockquote {
  border-left: 4px solid var(--admonition-border);
  color: var(--fg-muted);
}

/* Figures and captions */
figure {
  background-color: transparent;
}
figcaption {
  color: var(--caption);
}
title {
  color: var(--caption);
  font-weight: 400;
  font-size: 0.9em;
  margin-top: 0.3em;
  margin-bottom: 0.8em;
}

/* Misc. overrides */
hr.dashed {
  border-top: 1px dashed var(--border);
}

/* Titles i.e. captions */
.title {
  color: var(--caption) !important;
}


/* (Block)quotes */
.quoteblock blockquote,
blockquote {
  color: var(--fg-muted);
}

/* Blockquote attribution (e.g. -- Author) */
.quoteblock .attribution {
  color: var(--fg-muted);
}

/* Verse blocks (treated like blockquotes with <pre>) */
.verseblock pre {
  background-color: var(--bg-alt);
  color: var(--fg);
}

.verseblock pre {
  background-color: var(--bg-alt);
  color: var(--fg);
}