/* TODO: CORRECT COLORS! */
/* TODO: USE CSS HTMLIZE! */

@font-face {
  font-family: "TeX Gyre Schola";
  src:
      local("TeX Gyre Schola"),
      url("/fonts/texgyreschola-regular.otf");
  font-display: fallback;
}

@font-face {
  font-family: "Commit Mono";
  src:
      local("Commit Mono"),
      url("/fonts/CommitMono-450-Regular.otf");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: "Commit Mono";
  src:
      local("Commit Mono"),
      url("/fonts/CommitMono-450-Italic.otf");

  font-weight: normal;
  font-style: oblique;
  font-display: fallback;
}

#content { max-width: 60em; margin: auto; }
.title  { text-align: center;
          margin-bottom: .2em; }
.subtitle { text-align: center;
            font-size: medium;
            font-weight: bold;
            margin-top:0; }
.org-right  { margin-left: auto; margin-right: 0px;  text-align: right; }
.org-left   { margin-left: 0px;  margin-right: auto; text-align: left; }
.org-center { margin-left: auto; margin-right: auto; text-align: center; }
.underline { text-decoration: underline; }
#postamble p, #preamble p { font-size: 90%; margin: .2em; }
p.verse { margin-left: 3%; }
pre.src {
    position: relative;
    overflow: auto;
}
pre.src:hover:before { display: inline; margin-top: 14px;}
pre.src-zig:before { content: 'Zig'; }

table { border-collapse:collapse; }
caption.t-above { caption-side: top; }
caption.t-bottom { caption-side: bottom; }
td, th { vertical-align:top;  }
th.org-right  { text-align: center;  }
th.org-left   { text-align: center;   }
th.org-center { text-align: center; }
td.org-right  { text-align: right;  }
td.org-left   { text-align: left;   }
td.org-center { text-align: center; }
dt { font-weight: bold; }
.footpara { display: inline; }
.footdef  { margin-bottom: 1em; }
.figure { padding: 1em; }
.figure p { text-align: center; }
.equation-container {
    display: table;
    text-align: center;
    width: 100%;
}
.equation {
    vertical-align: middle;
}
.equation-label {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}
.inlinetask {
    padding: 10px;
    border: 2px solid gray;
    margin: 10px;
    background: #ffffcc;
}
#org-div-home-and-up
{ text-align: right; font-size: 70%; white-space: nowrap; }
textarea { overflow-x: auto; }
.linenr { font-size: smaller }
.org-info-js_info-navigation { border-style: none; }
#org-info-js_console-label
{ font-size: 10px; font-weight: bold; white-space: nowrap; }
.org-svg { }


:root {
    color-scheme: light dark;
}

.src, .example, code {
    font-family: "Commit Mono", monospace;
    word-wrap: break-word;
}

body {
    background-color: #0d0e1c;
    color: #ffffff;
    font-family: "TeX Gyre Schola", serif;
}

.src, .example {
    background-color: #0d0e1c;
    color: #ffffff;
}

a {
    color: #2fafff;
}

a:visited {
    color: #79a8ff;
}

.todo   { font-family: monospace; color: red; }
.done   { font-family: monospace; color: green; }
.priority { font-family: monospace; color: orange; }
.tag    { background-color: #eee; font-family: monospace;
          padding: 2px; font-size: 80%; font-weight: normal; }
.timestamp { color: #bebebe; }
.timestamp-kwd { color: #5f9ea0; }

pre {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background-color: #f2f2f2;
    padding: 8pt;
    font-family: monospace;
    overflow: auto;
    margin: 1.2em;
}

pre.src:before {
    display: none;
    position: absolute;
    top: -8px;
    right: 12px;
    padding: 3px;
    color: #555;
    background-color: #f2f2f299;
}

.code-highlighted { background-color: #ffff00; }

.org-info-js_search-highlight { background-color: #ffff00; color: #000000; font-weight: bold; }

.org-apropos-keybinding {
    /* apropos-keybinding */
    text-decoration: underline;
}
.org-apropos-property {
    /* apropos-property */
    color: #f38ba8;
}
.org-apropos-symbol {
    /* apropos-symbol */
    font-weight: bold;
}
.org-rainbow-delimiters-base-error {
    /* rainbow-delimiters-base-error-face */
    color: #88090B;
}
.org-rainbow-delimiters-depth-1 {
    /* rainbow-delimiters-depth-1-face */
    color: #f38ba8;
}
.org-rainbow-delimiters-depth-2 {
    /* rainbow-delimiters-depth-2-face */
    color: #fab387;
}
.org-rainbow-delimiters-depth-3 {
    /* rainbow-delimiters-depth-3-face */
    color: #f9e2af;
}
.org-rainbow-delimiters-depth-4 {
    /* rainbow-delimiters-depth-4-face */
    color: #a6e3a1;
}
.org-rainbow-delimiters-depth-5 {
    /* rainbow-delimiters-depth-5-face */
    color: #74c7ec;
}
.org-rainbow-delimiters-depth-6 {
    /* rainbow-delimiters-depth-6-face */
    color: #b4befe;
}
.org-rainbow-delimiters-depth-7 {
    /* rainbow-delimiters-depth-7-face */
    color: #cba6f7;
}
.org-rainbow-delimiters-depth-8 {
    /* rainbow-delimiters-depth-8-face */
    color: #eba0ac;
}
.org-rainbow-delimiters-depth-9 {
    /* rainbow-delimiters-depth-9-face */
    color: #9cb6ad;
}
.org-rainbow-delimiters-mismatched {
    /* rainbow-delimiters-mismatched-face */
    color: #f9e2af;
}
.org-rainbow-delimiters-unmatched {
    /* rainbow-delimiters-unmatched-face */
    color: #f9e2af;
}

/* a { */
/*     color: inherit; */
/*     background-color: inherit; */
/*     font: inherit; */
/*     text-decoration: inherit; */
/* } */

a:hover {
    text-decoration: underline;
}


@media (prefers-color-scheme: light) {
    body {
        background-color: #fbf7f0;
        color: #000000;
    }

    .src, .example {
        background-color: #fbf7f0;
        color: #000000;
    }

    a {
        color: #0031a9;
    }

    a:visited {
        color: #3548cf;
    }

    .todo   { font-family: monospace; color: red; }
    .done   { font-family: monospace; color: green; }
    .priority { font-family: monospace; color: orange; }
    .tag    { background-color: #eee; font-family: monospace;
              padding: 2px; font-size: 80%; font-weight: normal; }
    .timestamp { color: #bebebe; }
    .timestamp-kwd { color: #5f9ea0; }

    pre {
        border: 1px solid #e6e6e6;
        border-radius: 3px;
        background-color: #f2f2f2;
        padding: 8pt;
        font-family: monospace;
        overflow: auto;
        margin: 1.2em;
    }

    pre.src:before {
        display: none;
        position: absolute;
        top: -8px;
        right: 12px;
        padding: 3px;
        color: #555;
        background-color: #f2f2f299;
    }
}