/*

PureBASIC native IDE style ( version 1.0 - April 2016 )

by Tristano Ajmone <tajmone@gmail.com>

Public Domain

NOTE_1:	PureBASIC code syntax highlighting only applies the following classes:
			.hljs-comment
			.hljs-function
			.hljs-keywords
			.hljs-string
			.hljs-symbol

		Other classes are added here for the benefit of styling other languages with the look and feel of PureBASIC native IDE style.
		If you need to customize a stylesheet for PureBASIC only, remove all non-relevant classes -- PureBASIC-related classes are followed by
		a "--- used for PureBASIC ... ---" comment on same line.

NOTE_2:	Color names provided in comments were derived using "Name that Color" online tool:
			http://chir.ag/projects/name-that-color
*/

:root {
  --code-bg-color: #F2F2F2;
  --name-params-subst: rgba(0, 0, 0, 0.7);
  --number: #924B72;
  --function: #006666;
  --title-var-code: #006666;
  --comment-addition: #00AAAA;
  --key-class-built: #006666;
  --string-attr: #006666;
  --link-deletion: #924B72;
  --meta-selector: #924B72;
}


.hljs {
	display: block;
	overflow-x: auto;
	padding: 0.5em;
	background: var(--code-bg-color);
	/* Half and Half (approx.) */
/* --- Uncomment to add PureBASIC native IDE styled font!
	font-family: Consolas;
*/
}

.hljs, /* --- used for PureBASIC base color --- */
.hljs-type,  /* --- used for PureBASIC Procedures return type --- */
.hljs-name,
.hljs-attr,
.hljs-params,
.hljs-subst {
	color: var(--name-params-subst); /* Black */
}

.hljs-number {
  color: var(--number);
}

.hljs-function {
  color: var(--function)
}

.hljs-comment, /* --- used for PureBASIC Comments --- */
.hljs-regexp,
.hljs-section,
.hljs-selector-pseudo,
.hljs-addition {
	color: var(--comment-addition); /* Persian Green (approx.) */
}

.hljs-title, /* --- used for PureBASIC Procedures Names --- */
.hljs-tag,
.hljs-variable,
.hljs-code  {
	color: var(--title-var-code); /* Blue Stone (approx.) */
}


.hljs-keyword, /* --- used for PureBASIC Keywords --- */
.hljs-class,
.hljs-meta-keyword,
.hljs-selector-class,
.hljs-built_in,
.hljs-builtin-name {
	color: var(--key-class-built); /* Blue Stone (approx.) */
	font-weight: bold;
}

.hljs-string, /* --- used for PureBASIC Strings --- */
.hljs-selector-attr {
	color: var(--string-attr); /* Azure Radiance (approx.) */
}


.hljs-symbol, /* --- used for PureBASIC Constants --- */
.hljs-link,
.hljs-deletion,
.hljs-attribute {
	color: var(--link-deletion); /* Cannon Pink (approx.) */
}

.hljs-meta,
.hljs-literal,
.hljs-selector-id {
	color: var(--meta-selector); /* Cannon Pink (approx.) */
}

.hljs-strong {
	font-weight: bold;
}

.hljs-emphasis {
	font-style: italic;
}