:root {
	--black: #0c0e15;
	--bg0: #090c11;
	--bg1: #21283b;
	--bg2: #283347;
	--bg3: #2a324a;
	--bg-d: #141b24;
	--bg-blue: #54b0fd;
	--bg-yellow: #f2cc81;
	--fg: #dbdbdb;
	--purple: #c75ae8;
	--green: #8bcd5b;
	--orange: #dd9046;
	--blue: #41a7fc;
	--yellow: #efbd5d;
	--cyan: #34bfd0;
	--red: #f65866;
	--grey: #455574;
	--light-grey: #6c7d9c;
	--dark-cyan: #1b6a73;
	--dark-red: #992525;
	--dark-yellow: #8f610d;
	--dark-purple: #862aa1;
	--diff-add: #27341c;
	--diff-delete: #331c1e;
	--diff-change: #102b40;
	--diff-text: #1c4a6e;
}

code {}

code .annotation {
	color: var(--fg);
}
code .attribute {
	color: var(--cyan);
}
code .attribute.typescript {
	color: var(--blue);
}
code .boolean {
	color: var(--orange);
}
code .character {
	color: var(--orange);
}
code .comment {
	color: var(--grey);
}
code .comment.todo {
	color: var(--red);
}
code .comment.todo.unchecked {
	color: var(--red);
}
code .comment.todo.checked {
	color: var(--green);
}
code .constant {
	color: var(--orange);
}
code .constant.builtin {
	color: var(--orange);
}
code .constant.macro {
	color: var(--orange);
}
code .constructor {
	color: var(--yellow);
}
code .include {
	color: var(--purple);
}
code .define {
	color: var(--purple);
}
code .typedef {
	color: var(--yellow);
}
code .diff.add {
	color: var(--diff-add);
}
code .diff.delete {
	color: var(--diff-delete);
}
code .diff.plus {
	color: var(--diff-add);
}
code .diff.minus {
	color: var(--diff-delete);
}
code .diff.delta {
	color: var(--diff-change);
}
code .error {
	color: var(--fg);
}
code .function {
	color: var(--blue);
}
code .function.builtin {
	color: var(--cyan);
}
code .function.macro {
	color: var(--cyan);
}
code .function.method {
	color: var(--blue);
}
code .keyword {
	color: var(--purple);
}
code .keyword.conditional {
	color: var(--purple);
}
code .keyword.directive {
	color: var(--purple);
}
code .keyword.exception {
	color: var(--purple);
}
code .keyword.function {
	color: var(--purple);
}
code .keyword.import {
	color: var(--purple);
}
code .keyword.operator {
	color:  var(--purple);
}
code .keyword.repeat {
	color: var(--purple);
}
code .label {
	color: var(--red);
}
code .special {
	color: var(--red);
}
code .specialchar {
	color: var(--red);
}
code .markup.emphasis {
	color: var(--fg);
	font-style: italic;
}
code .markup.environment {
	color: var(--fg);
}
code .markup.environment.name {
	color: var(--fg);
}
code .markup.heading {
	color: var(--orange);
	font-weight: bold;
}
code .markup.link {
	color: var(--blue);
}
code .markup.link.url {
	color: var(--cyan);
	text-decoration-line: underline;
}
code .markup.list {
	color: var(--red);
}
code .markup.math {
	color: var(--fg);
}
code .markup.raw {
	color: var(--green);
}
code .markup.strike {
	color: var(--fg);
	text-decoration: line-through;
}
code .markup.strong {
	color: var(--fg);
	text-weight: bold;
}
code .markup.underline {
	color: var(--fg);
	text-decoration: underline;
}
code .module {
	color: var(--yellow);
}
code .none {
	color: var(--fg);
}
code .number {
	color: var(--orange);
}
code .number.float {
	color: var(--orange);
}
code .operator {
	color: var(--fg);
}
code .parameter.reference {
	color: var(--fg);
}
code .property {
	color: var(--cyan);
}
code .punctuation.delimiter {
	color: var(--light-grey);
}
code .punctuation.bracket {
	color: var(--light-grey);
}
code .string {
	color: var(--green);
}
code .string.regexp {
	color: var(--orange);
}
code .string.escape {
	color: var(--red);
}
code .string.special.symbol {
	color: var(--cyan);
}
code .tag {
	color: var(--purple);
}
code .tag.attribute {
	color: var(--yellow);
}
code .tag.delimiter {
	color: var(--purple);
}
code .text {
	color: var(--fg);
}
code .note {
	color: var(--fg);
}
code .warning {
	color: var(--fg);
}
code .danger {
	color: var(--fg);
}
code .type {
	color: var(--yellow);
}
code .type.builtin {
	color: var(--orange);
}
code .structure {
	color: var(--yellow);
}
code .identifier {
	color: var(--red);
}
code .variable {
	color: var(--fg);
}
code .variable.builtin {
	color: var(--red);
}
code .variable.member {
	color: var(--cyan);
}
code .variable.parameter {
	color: var(--red);
}
code .markup.heading.1.markdown {
	color: var(--red);
	font-weight: bold;
}
code .markup.heading.2.markdown {
	color: var(--purple);
	font-weight: bold;
}
code .markup.heading.3.markdown {
	color: var(--orange);
	font-weight: bold;
}
code .markup.heading.4.markdown {
	color: var(--red);
	font-weight: bold;
}
code .markup.heading.5.markdown {
	color: var(--purple);
	font-weight: bold;
}
code .markup.heading.6.markdown {
	color: var(--orange);
	font-weight: bold;
}
code .markup.heading.1.marker.markdown {
	color: var(--red);
	font-weight: bold;
}
code .markup.heading.2.marker.markdown {
	color: var(--purple);
	font-weight: bold;
}
code .markup.heading.3.marker.markdown {
	color: var(--orange);
	font-weight: bold;
}
code .markup.heading.4.marker.markdown {
	color: var(--red);
	font-weight: bold;
}
code .markup.heading.5.marker.markdown {
	color: var(--purple);
	font-weight: bold;
}
code .markup.heading.6.marker.markdown {
	color: var(--orange);
	font-weight: bold;
}
