<!--
SPDX-FileCopyrightText: 2016-2026 Sébastien Helleu <flashcode@flashtux.org>

SPDX-License-Identifier: GPL-3.0-or-later
-->

<style>

/* Custom styles for Asciidoctor */

/* themes/colors */

@media (prefers-color-scheme: dark) {
  /* dark theme */
  :root {
    color-scheme: dark;
    --body-bg-color: #1a1a1a;
    --body-color: #ddd;
    --body-font: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --link-color: #7abeef;
    --table-thead-tfoot: #252525;
    --th-color: #fff;
    --toc-bg-color: #252525;
    --color-header1: #ddd;
    --color-header2: #da8975;
    --header-details-color: #aaa;
    --border: 1px solid #444;
    --code-bg-color: #252525;
    --keyseq-color: #777;
    --kbd-bg-color: #252525;
    --kbd-border: 1px solid #333;
    --kbd-box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 0 0 .1em #2c2c2c;
    --icon-note-color: #4d7cc6;
    --icon-tip-color: #fff;
    --icon-warning-color: #f39c12;
    --icon-caution-color: #bf3400;
    --icon-important-color: #f44336;
    --mark-bg-color: #007;
    --pre-bevel-light: #3e3e3e;
    --pre-bevel-dark: #2a2a2a;
    --pre-bevel-bg: #1f1f1f;
  }
  @PYGMENTS_DARK_CSS@
}

@media (not (prefers-color-scheme: dark)), (prefers-color-scheme: light)  {
  /* light theme */
  :root {
    color-scheme: light;
    --body-bg-color: #fff;
    --body-color: #353535;
    --body-font: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --link-color: #3d6baf;
    --table-thead-tfoot: #f7f8f7;
    --th-color: #000;
    --toc-bg-color: #f8f8f7;
    --color-header1: #000;
    --color-header2: #ba3925;
    --header-details-color: #797979;
    --border: 1px solid #dddddf;
    --code-bg-color: #f7f7f8;
    --keyseq-color: #333c;
    --kbd-bg-color: #f7f7f7;
    --kbd-border: 1px solid #ccc;
    --kbd-box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 0 0 .1em #fff;
    --icon-note-color: #19407c;
    --icon-tip-color: #111;
    --icon-warning-color: #bf6900;
    --icon-caution-color: #ff0000;
    --icon-important-color: #bf0000;
    --mark-bg-color: #9df;
    --pre-bevel-light: #e5e5e7;
    --pre-bevel-dark: #b4b4b8;
    --pre-bevel-bg: #f6f6f7;
  }
}

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

h1 {
  color: var(--color-header1) !important;
}

h2, h3, h4, h5, h6 {
  color: var(--color-header2) !important;
}

h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 {
  font-family: var(--body-font);
}

a:link, a:visited, #header .details span.email a {
  color: var(--link-color);
  text-decoration: none;
}

table thead, table tfoot {
  background: var(--table-thead-tfoot) !important;
}

table.tableblock, th.tableblock, td.tableblock {
  border: var(--border);
}

th {
  color: var(--th-color) !important;
}

td {
  background-color: var(--body-bg-color);
  color: var(--body-color) !important;
}

#toc.toc2 {
  background-color: var(--toc-bg-color);
  border-right: none;
}

#toc.toc2 > ul {
  font-size: .9em;
}

@media screen and (max-width:767px) {
  #toc.toc2 {
    background-color: var(--body-bg-color);
  }
}

p, .paragraph.lead > p, #preamble > .sectionbody > [class="paragraph"]:first-of-type p, #toctitle, .title {
  color: var(--body-color);
}

#header .details {
  border-bottom: var(--border);
  color: var(--header-details-color);
}

code, .prettyprint {
  background-color: var(--code-bg-color) !important;
  color: var(--body-color);
}

pre {
  color: var(--pre-color) !important;
  border: 1px solid;
  border-color: var(--pre-bevel-light) var(--pre-bevel-dark) var(--pre-bevel-dark) var(--pre-bevel-light);
  border-radius: 3px;
  line-height: 1.25;
}

pre > code {
  background-color: var(--pre-code-bg-color) !important;
}

.keyseq {
  color: var(--keyseq-color);
}

kbd {
  background-color: var(--kbd-bg-color) !important;
  border: var(--kbd-border) !important;
  box-shadow: var(--kbd-box-shadow);
  color: var(--body-color);
}

.literalblock pre, .listingblock > .content > pre:not(.highlight), .listingblock > .content > pre[class="highlight"], .listingblock > .content > pre[class^="highlight "], pre.pygments {
  background-color: var(--pre-bg-color, var(--pre-bevel-bg));
  color: var(--body-color);
}

.sect1 + .sect1 {
  border-top: var(--border);
}

.admonitionblock td.icon .icon-note::before {
  color: var(--icon-note-color);
}

.admonitionblock td.icon .icon-tip::before {
  color: var(--icon-tip-color);
}

.admonitionblock td.icon .icon-warning::before {
  color: var(--icon-warning-color);
}

.admonitionblock td.icon .icon-caution::before {
  color: var(--icon-caution-color);
}

.admonitionblock td.icon .icon-important::before {
  color: var(--icon-important-color);
}

.admonitionblock > table td.content {
  border-left: var(--border);
}

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

/* asciidoctor styles tuning */

#header, #content, #footnotes, #footer {
  max-width: none;
  padding-left: 3em;
  padding-right: 3em;
}

#header #revnumber {
  text-transform: none;
}

h1, h2, h3, h4, h5 {
  font-weight: bold;
}

.literalblock pre {
  font-family: "DejaVu Sans Mono", "Liberation Mono", "Lucida Console", monospace, 'Courier New', Courier;
  line-height: inherit;
}

kbd {
  font-size: .9em;
}

.keyseq {
  margin-left: .2em;
  margin-right: .2em;
}

.tableblock kbd {
  margin-top: .2em;
  margin-bottom: .2em;
}

.hex {
  padding: 0 .2em;
  border: var(--border);
  margin: 0 .2em;
  font-family: monospace;
  font-size: 1.1em;
}
</style>
