:root {
    /* Light theme colors */
  --color-primary: #ef80bf;
  /* --color-primary-hover: #b91c3c; */
  /* --color-border: #663399; */
  /* --color-callout: #1e90ff; */
  /* --color-text: #232333; */
  /* --color-text-muted: #737373; */
  /* --color-text-meta: #999999; */
  /* --color-background: #ffffff; */
  /* --color-background-code: #f1f1f1; */
  /* --color-background-pre: #ececec; */
  /* --color-background-toc: #ececec; */
  /* --color-background-draft: #f9f2f4; */
  
  /* /\* Dark theme colors *\/ */
  --color-primary-dark: #ef80bf;
  --color-primary-hover-dark: #f470df;
  --color-border-dark: #695960;
  --color-text-dark: #d3cfcf;
  --color-text-muted-dark: #e5b76f;
  --color-background-dark: #190a0f;
  --color-background-code-dark: #ff7359;
  /* "Pre-dark verkar vara färgen ovan och under codeblock" */
  --color-background-pre-dark: #190a0f;
  --color-background-toc-dark: #ff7359;
  --color-background-draft-dark: #ef80bf;

  /* /\* Spacing and sizing *\/ */
  /* --content-max-width: 800px; */
  /* --content-padding: 1ch; */
  /* --border-radius: 5px; */
  /* --font-size-base: 15px; */
  /* --line-height-base: 1.6; */
  /* --line-height-content: 1.5; */

.highlight .hll { background-color: #333333 }
.highlight  { background: #190a0f; color: #d3cfcf }
.highlight .c { color: #bf9f8f; font-style: italic; background-color: #0f140f } /* Comment */
.highlight .err { color: #d3cfcf } /* Error */
.highlight .esc { color: #d3cfcf } /* Escape */
.highlight .g { color: #d3cfcf } /* Generic */
.highlight .k { color: #e5b76f; font-weight: bold } /* Keyword */
.highlight .l { color: #d3cfcf } /* Literal */
.highlight .n { color: #d3cfcf } /* Name */
.highlight .o { color: #d3cfcf } /* Operator */
.highlight .x { color: #d3cfcf } /* Other */
.highlight .p { color: #d3cfcf } /* Punctuation */
.highlight .ch { color: #bf9f8f; font-style: italic; background-color: #0f140f } /* Comment.Hashbang */
.highlight .cm { color: #bf9f8f; font-style: italic; background-color: #0f140f } /* Comment.Multiline */
.highlight .cp { color: #bf9f8f; font-weight: bold; font-style: italic; background-color: #0f140f } /* Comment.Preproc */
.highlight .cpf { color: #bf9f8f; font-style: italic; background-color: #0f140f } /* Comment.PreprocFile */
.highlight .c1 { color: #bf9f8f; font-style: italic; background-color: #0f140f } /* Comment.Single */
.highlight .cs { color: #bf9f8f; font-style: italic; background-color: #0f140f } /* Comment.Special */
.highlight .gd { color: #d3cfcf } /* Generic.Deleted */
.highlight .ge { color: #d3cfcf } /* Generic.Emph */
.highlight .gr { color: #d3cfcf } /* Generic.Error */
.highlight .gh { color: #d3cfcf; font-weight: bold } /* Generic.Heading */
.highlight .gi { color: #d3cfcf } /* Generic.Inserted */
.highlight .go { color: #444444; background-color: #222222 } /* Generic.Output */
.highlight .gp { color: #d3cfcf } /* Generic.Prompt */
.highlight .gs { color: #d3cfcf } /* Generic.Strong */
.highlight .gu { color: #d3cfcf; font-weight: bold } /* Generic.Subheading */
.highlight .gt { color: #d3cfcf } /* Generic.Traceback */
.highlight .kc { color: #e5b76f; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #e5b76f; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #e5b76f; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #e5b76f } /* Keyword.Pseudo */
.highlight .kr { color: #e5b76f; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #cdcaa9; font-weight: bold } /* Keyword.Type */
.highlight .ld { color: #d3cfcf } /* Literal.Date */
.highlight .m { color: #8fa5f6; font-weight: bold } /* Literal.Number */
.highlight .s { color: #e5b76f } /* Literal.String */
.highlight .na { color: #ef80bf; font-weight: bold } /* Name.Attribute */
.highlight .nb { color: #8fa5f6 } /* Name.Builtin */
.highlight .nc { color: #d3cfcf } /* Name.Class */
.highlight .no { color: #8fa5f6 } /* Name.Constant */
.highlight .nd { color: #d3cfcf } /* Name.Decorator */
.highlight .ni { color: #d3cfcf } /* Name.Entity */
.highlight .ne { color: #d3cfcf } /* Name.Exception */
.highlight .nf { color: #ef80bf; font-weight: bold } /* Name.Function */
.highlight .nl { color: #d3cfcf } /* Name.Label */
.highlight .nn { color: #d3cfcf } /* Name.Namespace */
.highlight .nx { color: #d3cfcf } /* Name.Other */
.highlight .py { color: #d3cfcf } /* Name.Property */
.highlight .nt { color: #e5b76f; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #f470df } /* Name.Variable */
.highlight .ow { color: #d3cfcf } /* Operator.Word */
.highlight .w { color: #888888 } /* Text.Whitespace */
.highlight .mb { color: #7f9ab4; font-weight: bold } /* Literal.Number.Bin */
.highlight .mf { color: #7f9ab4; font-weight: bold } /* Literal.Number.Float */
.highlight .mh { color: #7f9ab4; font-weight: bold } /* Literal.Number.Hex */
.highlight .mi { color: #7f9ab4; font-weight: bold } /* Literal.Number.Integer */
.highlight .mo { color: #7f9ab4; font-weight: bold } /* Literal.Number.Oct */
.highlight .sa { color: #8fa5f6 } /* Literal.String.Affix */
.highlight .sb { color: #8fa5f6 } /* Literal.String.Backtick */
.highlight .sc { color: #8fa5f6 } /* Literal.String.Char */
.highlight .dl { color: #8fa5f6 } /* Literal.String.Delimiter */
.highlight .sd { color: #8fa5f6 } /* Literal.String.Doc */
.highlight .s2 { color: #8fa5f6 } /* Literal.String.Double */
.highlight .se { color: #8fa5f6 } /* Literal.String.Escape */
.highlight .sh { color: #8fa5f6 } /* Literal.String.Heredoc */
.highlight .si { color: #8fa5f6 } /* Literal.String.Interpol */
.highlight .sx { color: #8fa5f6 } /* Literal.String.Other */
.highlight .sr { color: #8fa5f6 } /* Literal.String.Regex */
.highlight .s1 { color: #8fa5f6 } /* Literal.String.Single */
.highlight .ss { color: #8fa5f6 } /* Literal.String.Symbol */
.highlight .bp { color: #d3cfcf } /* Name.Builtin.Pseudo */
.highlight .fm { color: #ef80bf; font-weight: bold } /* Name.Function.Magic */
.highlight .vc { color: #e5b76f } /* Name.Variable.Class */
.highlight .vg { color: #e5b76f } /* Name.Variable.Global */
.highlight .vi { color: #e5b76f } /* Name.Variable.Instance */
.highlight .vm { color: #e5b76f } /* Name.Variable.Magic */
.highlight .il { color: #8fa5f6; font-weight: bold } /* Literal.Number.Integer.Long */



@supports (border-block-start: 3px dotted) {
  hr {
    border-top: unset;
    margin-top: 6em;
    margin-bottom: 1em;
    border-block-start: 3px dotted;
  }
}

/* Headings */
h3, h4, h5, h6 {
  font-size: 1.2rem;
  /* Fallback for older browsers */
  margin-top: 1em;
  margin-bottom: 0.5em;
  /* Modern logical properties */
  margin-block-start: 1em;
  margin-block-end: 0.5em;
  line-height: 1.2;
}

}
