/**
 * CIO Dark theme
 * 
 * bgPrimary    #23232f
 * bgSecondary  #343446
 * 
 * text01       #ffffff
 * text02       #c7c7d4
 * text03       #a7a8b7
 * 
 * purple       #c4a8ff
 * teal         #10cca6
 * yellow       #f5d44e
 * blue         #00c9e3
 * raspberry    #ff95ca
 * clementine   #ff9e5e
 * 
 * greenBg      #156352
 * greenFg      #e6faf3
 * redBg        #69002c
 * redFg        #ffedf0
 */


/* Set the main properties of the code, code blocks, and inline code */
code[class*="language-"],
pre[class*="language-"] {
	background: #23232f !important;
	color: #ffffff !important;
	font-family: Monaco, Menlo, 'Andale Mono', 'Ubuntu Mono', monospace !important; /* this is the default */
	/* The following properties are standard, please leave them as they are */
	font-size: 1em !important;
	direction: ltr !important;
	text-align: left !important;
	white-space: pre !important;
	word-spacing: normal !important;
	word-break: normal !important;
	line-height: 1.5 !important;
	/* The default is 4, but you could change it if you really, really want to */
	-moz-tab-size: 4 !important;
	-o-tab-size: 4 !important;
	tab-size: 4 !important;
	/* The following properties are also standard */
	-webkit-hyphens: none !important;
	-moz-hyphens: none !important;
	-ms-hyphens: none !important;
	hyphens: none !important;
}

/* Optional: What the code looks like when highlighted */
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection,
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection {
	background: #343446 !important;
	/* color: unset !important; */
}

code[class*="language-"]::selection,
code[class*="language-"] ::selection,
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection {
	background: #343446 !important;
	/* color: unset !important; */
}

/* Properties specific to code blocks */
pre[class*="language-"] {
	padding: 1em !important; /* this is standard */
	margin: 0.5em 0 !important; /* this is the default */
	overflow: auto !important; /* this is standard */
	/* border-radius: unset !important; */
}

/* Properties specific to inline code */
:not(pre) > code[class*="language-"] {
	padding: 0.1em !important; /* this is the default */
	/* border-radius: unset !important; */
	white-space: normal !important; /* this is standard */
}

/**
 * These are the minimum tokens you must style, you can rearrange them and/or style more tokens as you want
 * The concepts behind these standard tokens, as well as some examples, can be found here: https://prismjs.com/tokens.html
 */

 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
   color: #a7a8b7 !important;
 }
 
 .token.punctuation {
   color: #ffffff !important;
 }
 
 .namespace {
   opacity: .7 !important;
 }
 
 .token.property {
   color: #ffffff !important;
 }

 .token.tag,
 .token.constant,
 .token.symbol,
 .token.deleted {
   color: #f5d44e !important;
 }
 
 .token.boolean {
   color: #f5d44e !important;
 }

 .token.number {
   color: #00c9e3 !important;
 }

 .token.attr-name {
   color: #ff95ca !important;
 }
 
 .token.selector,
 .token.string,
 .token.char,
 .token.builtin,
 .token.inserted {
   color: #10cca6 !important;
 }
 
 .token.operator,
 .token.entity,
 .token.url,
 .language-css .token.string,
 .style .token.string,
 .token.variable {
   color: #10cca6 !important;
 }
 
 .token.atrule,
 .token.attr-value,
 .token.function,
 .token.class-name {
   color: #c4a8ff !important;
 }
 
 .token.keyword {
   color: #ff95ca !important;
 }
 
 .token.regex,
 .token.important {
   color: #ff9e5e !important;
 }
 
 .token.important,
 .token.bold {
   font-weight: bold !important;
 }
 
 .token.italic {
   font-style: italic !important;
 }
 
 .token.entity {
   cursor: help !important;
 }