/*
 * Citizen
 *
 * SkinStyles for Extension:CodeMirror
 * Module: ext.CodeMirror.mode.mediawiki
 * Version: REL1_35 a326407
 *
 * Date: 2021-08-25
*/

.cm-mw {
	&-matching {
		background-color: var( --color-syntax-yellow );
	}

	&-skipformatting {
		background-color: var( --color-syntax-cyan );
	}

	&-list {
		color: var( --color-syntax-cyan );
	}

	&-doubleUnderscore,
	&-signature,
	&-hr {
		color: var( --color-syntax-purple );
		background-color: transparent;
	}

	&-indenting {
		color: var( --color-syntax-cyan );
	}

	&-mnemonic {
		color: var( --color-syntax-green );
	}

	&-comment {
		color: var( --color-syntax-grey );
	}

	&-apostrophes-bold,
	&-apostrophes-italic {
		color: var( --color-syntax-cyan );
	}

	&-section {
		&-1,
		&-2,
		&-3,
		&-4,
		&-5,
		&-6 {
			span:not( .cm-mw-section-header ) {
				color: var( --color-emphasized );
			}
		}
	}

	&-section-header {
		color: var( --color-syntax-cyan );
	}

	&-template,
	&-templatevariable,
	&-parserfunction {
		color: var( --color-emphasized );

		&-name {
			font-weight: var( --font-weight-normal );
			color: var( --color-syntax-blue );
		}

		&-delimiter {
			font-weight: var( --font-weight-normal );
			color: var( --color-syntax-cyan );
		}

		&-bracket {
			font-weight: var( --font-weight-normal );
			color: var( --color-syntax-purple );
		}
	}

	&-template {
		&-name-mnemonic {
			font-weight: var( --font-weight-normal );
			color: var( --color-syntax-blue );
		}

		&-argument-name {
			font-weight: var( --font-weight-normal );
			color: var( --color-syntax-red );
		}
	}

	&-exttag,
	&-htmltag {
		&-name {
			font-weight: var( --font-weight-normal );
			color: var( --color-syntax-red );
		}

		&-bracket {
			color: var( --color-syntax-cyan );
		}

		&-attribute {
			color: var( --color-syntax-yellow );
		}
	}

	&-link {
		color: var( --color-progressive );

		&-pagename {
			color: var( --color-progressive );
		}

		&-tosection {
			color: var( --color-progressive--hover );
		}

		&-text {
			color: var( --color-syntax-green );
		}

		&-bracket {
			color: var( --color-progressive );
		}

		&-delimiter {
			color: var( --color-syntax-cyan );
		}

		&-ground {
			background-color: var( --background-color-primary--hover );
		}
	}

	&-extlink,
	&-free-extlink {
		color: var( --color-progressive );

		&-protocol {
			font-weight: var( --font-weight-normal );
			color: var( --color-syntax-orange );
		}

		&-text {
			color: var( --color-syntax-green );
		}

		&-bracket {
			font-weight: var( --font-weight-normal );
			color: var( --color-progressive );
		}

		&-ground {
			background-color: var( --background-color-primary--hover );
		}
	}

	&-table {
		&-bracket {
			font-weight: var( --font-weight-normal );
			color: var( --color-syntax-pink );
		}

		&-delimiter {
			font-weight: var( --font-weight-normal );
			color: var( --color-syntax-cyan );
		}

		&-definition {
			color: var( --color-syntax-yellow );
		}

		&-caption {
			font-weight: var( --font-weight-normal );
			color: var( --color-emphasized );
		}
	}
}