:root {
	--la-font-size-regular: 0.9375rem;

	--la-code-background: rgba(8, 43, 120, 0.047);
	--la-code-color: rgb(212, 212, 212);
	--la-secondary: rgb(157, 157, 159);
	--la-pre-background: rgb(236, 236, 236);
	--la-pre-border: rgb(224, 224, 224);
	--la-pre-color: rgb(47, 47, 49);
	--la-hr: rgb(220, 220, 220);
	--la-drag-handle-hover: rgb(92, 92, 94);

	--hljs-string: rgb(170, 67, 15);
	--hljs-title: rgb(176, 136, 54);
	--hljs-comment: rgb(153, 153, 153);
	--hljs-keyword: rgb(12, 94, 177);
	--hljs-attr: rgb(58, 146, 188);
	--hljs-literal: rgb(200, 43, 15);
	--hljs-name: rgb(37, 151, 146);
	--hljs-selector-tag: rgb(200, 80, 15);
	--hljs-number: rgb(61, 160, 103);
}

.dark .ProseMirror {
	--la-code-background: rgba(255, 255, 255, 0.075);
	--la-code-color: rgb(44, 46, 51);
	--la-secondary: rgb(89, 90, 92);
	--la-pre-background: rgb(8, 8, 8);
	--la-pre-border: rgb(35, 37, 42);
	--la-pre-color: rgb(227, 228, 230);
	--la-hr: rgb(38, 40, 45);
	--la-drag-handle-hover: rgb(150, 151, 153);

	--hljs-string: rgb(218, 147, 107);
	--hljs-title: rgb(241, 213, 157);
	--hljs-comment: rgb(170, 170, 170);
	--hljs-keyword: rgb(102, 153, 204);
	--hljs-attr: rgb(144, 202, 232);
	--hljs-literal: rgb(242, 119, 122);
	--hljs-name: rgb(95, 192, 160);
	--hljs-selector-tag: rgb(232, 199, 133);
	--hljs-number: rgb(182, 231, 182);
}