/*
 * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-content-highlight-marker-yellow: hsl(60, 97%, 73%);
	--ck-content-highlight-marker-green: hsl(120, 93%, 68%);
	--ck-content-highlight-marker-pink: hsl(345, 96%, 73%);
	--ck-content-highlight-marker-blue: hsl(201, 97%, 72%);
	--ck-content-highlight-pen-red: hsl(0, 85%, 49%);
	--ck-content-highlight-pen-green: hsl(112, 100%, 27%);
}

.ck-content .marker-yellow {
	background-color: var(--ck-content-highlight-marker-yellow);
}

.ck-content .marker-green {
	background-color: var(--ck-content-highlight-marker-green);
}

.ck-content .marker-pink {
	background-color: var(--ck-content-highlight-marker-pink);
}

.ck-content .marker-blue {
	background-color: var(--ck-content-highlight-marker-blue);
}

.ck-content .pen-red {
	color: var(--ck-content-highlight-pen-red);

	/* Override default yellow background of `<mark>` from user agent stylesheet */
	background-color: transparent;
}

.ck-content .pen-green {
	color: var(--ck-content-highlight-pen-green);

	/* Override default yellow background of `<mark>` from user agent stylesheet */
	background-color: transparent;
}
