/* =======================
   DARK MODE — minimal twin
   ======================= */

/* Markdown */
:root{
  --maincolor: #8acbe6;     /* unified soft blue accent (matches your highlight) */
  --bordercl: #d7d7d7;      /* light dotted borders on dark */
  --callouctcolor: #6ea9c3; /* callout fill (muted) */
  --hovercolor: #8acbe6;    /* hover bg */
  --darkMaincolor: #8acbe6; /* for any legacy uses */
  --textcolor:  #e6e6e6;
  --bg: #44454b;
  --muted: #a7adb5;
  --line: rgba(255,255,255,.10);
}

.meta { color: #bdbdbd; letter-spacing: -0.5px; }

/* Common */
time { color: #b0b0b0; }

/* For lorenz.js */
canvas {
  --stroke-color: lightgray;
  --dot-color: white;
}

body{
  display: block;
  margin: 8px;
  color: var(--textcolor);
  background-color: var(--bg);
}

* { -webkit-tap-highlight-color: rgba(0,0,0,0); }

::selection { background: var(--maincolor); color:#0b0b0b; }

blockquote {
  border-left: 3px solid var(--bordercl);
  color: var(--muted);
  margin: 0;
}

/* Add space between tag list */
li.post { margin: 0 0 10px 0; }

.highlight div,
.highlight pre {
  overflow-x: auto;
  -webkit-text-size-adjust: 100%;
  background-color: var(--bg) !important;
}

/* Inline code */
code {
  background-color: #4a4b51;
  color: #f0f0f0;
  padding: 2px 5px;
  border-radius: 3px;
}
pre > code { background-color: transparent; padding: 0; border-radius: 0; }

table th, table td { padding: 6px 13px; border: 1px solid #5a5d61; }
table th { font-size: large; }


/* =======================
   DARK — Chroma tokens
   (same descriptive style)
   ======================= */

/* Code style */
/* LineTableTD --- make 100% width */ tr > td.lntd:nth-child(2) { width: 100%;}

/* Background */ .bg { background-color: var(--bg); }
/* PreWrapper */ .chroma { background-color: var(--bg); color: var(--textcolor); }
/* Other */ .chroma .x {  }
/* Error */ .chroma .err { color:#ff7b7b; background-color:transparent }
/* CodeLine */ .chroma .cl {  }
/* LineLink */ .chroma .lnlinks { outline:none; text-decoration:none; color:inherit }
/* LineTableTD */ .chroma .lntd { vertical-align:top; padding:0; margin:0; border:0;}
/* LineTable */ .chroma .lntable { border-spacing:0; padding:0; margin:0; border:0;}
/* LineHighlight */ .chroma .hl { background-color: rgba(255,255,255,.06); }
/* LineNumbersTable */ .chroma .lnt { white-space:pre; -webkit-user-select:none; user-select:none; margin-right:0.4em; padding:0 0.4em; color:#9aa0a6 }
/* LineNumbers */ .chroma .ln { white-space:pre; -webkit-user-select:none; user-select:none; margin-right:0.4em; padding:0 0.4em; color:#9aa0a6 }
/* Line */ .chroma .line { display:flex; }

/* Keyword */ .chroma .k  { color:var(--maincolor); font-weight:bold }
/* KeywordConstant */ .chroma .kc { color:var(--maincolor); font-weight:bold }
/* KeywordDeclaration */ .chroma .kd { color:var(--maincolor); font-weight:bold }
/* KeywordNamespace */ .chroma .kn { color:var(--maincolor); font-weight:bold }
/* KeywordPseudo */ .chroma .kp { color:var(--maincolor); font-weight:bold }
/* KeywordReserved */ .chroma .kr { color:var(--maincolor); font-weight:bold }
/* KeywordType */ .chroma .kt { color:var(--maincolor); font-weight:bold }

/* Name */ .chroma .n {  }
/* NameAttribute */ .chroma .na { color:var(--maincolor) }
/* NameBuiltin */ .chroma .nb { color:#b9e2ff; font-weight:600 }  /* e.g., range, len */
/* NameBuiltinPseudo */ .chroma .bp {  }
/* NameClass */ .chroma .nc { color:#a0e7ff; font-weight:bold }  /* def MyClass */
/* NameConstant */ .chroma .no { color:var(--maincolor); font-weight:bold }
/* NameDecorator */ .chroma .nd { color:var(--maincolor) }
/* NameEntity */ .chroma .ni { color:#ff9ad6 }
/* NameException */ .chroma .ne { color:#ff7b7b; font-weight:bold }
/* NameFunction */ .chroma .nf { color:#a0e7ff; font-weight:bold } /* function name distinct from def */
/* NameFunctionMagic */ .chroma .fm {  }
/* NameLabel */ .chroma .nl {  }
/* NameNamespace */ .chroma .nn { color:#a0e7ff; font-weight:600 }  /* X in X.Y */
/* NameOther */ .chroma .nx {  }
/* NameProperty */ .chroma .py {  }
/* NameTag */ .chroma .nt { color:var(--maincolor) }
/* NameVariable */ .chroma .nv { color:var(--maincolor) }
/* NameVariableClass */ .chroma .vc {  }
/* NameVariableGlobal */ .chroma .vg {  }
/* NameVariableInstance */ .chroma .vi {  }
/* NameVariableMagic */ .chroma .vm {  }

/* Literal */ .chroma .l {  }
/* LiteralDate */ .chroma .ld {  }
/* LiteralString */ .chroma .s  { color:#d4b483 }  /* warm, muted */
/* LiteralStringAffix */ .chroma .sa { color:#d4b483 }
/* LiteralStringBacktick */ .chroma .sb { color:#d4b483 }
/* LiteralStringChar */ .chroma .sc { color:#d4b483 }
/* LiteralStringDelimiter */ .chroma .dl { color:#d4b483 }
/* LiteralStringDoc */ .chroma .sd { color:#d4b483 }
/* LiteralStringDouble */ .chroma .s2 { color:#d4b483 }
/* LiteralStringEscape */ .chroma .se { color:#d4b483 }
/* LiteralStringHeredoc */ .chroma .sh { color:#d4b483 }
/* LiteralStringInterpol */ .chroma .si { color:#d4b483 }
/* LiteralStringOther */ .chroma .sx { color:#d4b483 }
/* LiteralStringRegex */ .chroma .sr { color:#b9c58a }
/* LiteralStringSingle */ .chroma .s1 { color:#d4b483 }
/* LiteralStringSymbol */ .chroma .ss { color:#d4b483 }

/* LiteralNumber */ .chroma .m  { color:#a9c5e2 }
/* LiteralNumberBin */ .chroma .mb { color:#a9c5e2 }
/* LiteralNumberFloat */ .chroma .mf { color:#a9c5e2 }
/* LiteralNumberHex */ .chroma .mh { color:#a9c5e2 }
/* LiteralNumberInteger */ .chroma .mi { color:#a9c5e2 }
/* LiteralNumberIntegerLong */ .chroma .il { color:#a9c5e2 }
/* LiteralNumberOct */ .chroma .mo { color:#a9c5e2 }

/* Operator */ .chroma .o  { color:#c8c9cc }
/* OperatorWord */ .chroma .ow { color:#c8c9cc; font-weight:bold }
/* Punctuation */ .chroma .p  { color:#bdbfc3 }

/* Comment */ .chroma .c  { color:#9aa0a6; font-style:italic }
/* CommentHashbang */ .chroma .ch { color:#9aa0a6; font-style:italic }
/* CommentMultiline */ .chroma .cm { color:#9aa0a6; font-style:italic }
/* CommentSingle */ .chroma .c1 { color:#9aa0a6; font-style:italic }
/* CommentSpecial */ .chroma .cs { color:#9aa0a6; font-weight:bold; font-style:italic }
/* CommentPreproc */ .chroma .cp { color:#9aa0a6; font-weight:bold }
/* CommentPreprocFile */ .chroma .cpf { color:#9aa0a6; font-weight:bold }

/* Generic */ .chroma .g {  }
/* GenericDeleted */ .chroma .gd { color:#ff7b7b; background-color:transparent }
/* GenericEmph */ .chroma .ge { font-style:italic }
/* GenericError */ .chroma .gr { color:#ff7b7b }
/* GenericHeading */ .chroma .gh { color:#d0d0d0 }
/* GenericInserted */ .chroma .gi { color:#7ee6a0 }
/* GenericOutput */ .chroma .go { color:#888 }
/* GenericPrompt */ .chroma .gp { color:#ccc }
/* GenericStrong */ .chroma .gs { font-weight:bold }
/* GenericSubheading */ .chroma .gu { color:#cfcfcf }
/* GenericTraceback */ .chroma .gt { color:#ff7b7b }
/* GenericUnderline */ .chroma .gl { text-decoration:underline }
/* TextWhitespace */ .chroma .w { color:#777 }


