/* custom */
:root {
	/* _rounded.css */
	--ck-border-radius: 0.25rem;

	/* _colors.css */
	--ck-color-base-foreground: var(--black);
	--ck-color-base-background: var(--black);
	--ck-color-base-border: hsl(from var(--white) h s l / 0.1);
	--ck-color-base-action: var(--brand);
	--ck-color-base-focus: var(--brand);
	--ck-color-base-text: var(--white);
	--ck-color-base-active: var(--brand);
	--ck-color-base-active-focus: hsl(from var(--brand) h s l / 0.25);
	--ck-color-base-error: var(--red);
	--ck-color-button-default-hover-background: hsl(from var(--white) h s l / 0.1);
	--ck-color-button-default-active-background: hsl(from var(--brand) h s l / 0.1);
	--ck-color-button-on-background: hsl(from var(--brand) h s l / 0.1);
	--ck-color-button-on-hover-background: hsl(from var(--brand) h s l / 0.2);
	--ck-color-button-on-active-background: hsl(from var(--white) h s l / 0.1);
	--ck-color-button-on-disabled-background: hsl(from var(--black) h s l / 0.1);
	--ck-color-button-on-color: var(--brand);
	--ck-color-button-action-hover-background: hsl(from var(--brand) h s calc(l - 6));
	--ck-color-button-action-active-background: hsl(from var(--brand) h s l / 0.1);
	--ck-color-button-action-disabled-background: hsl(from var(--white) h s l / 0.1);
	--ck-color-button-action-text: var(--white);
	--ck-color-button-save: var(--brand);
	--ck-color-button-cancel: var(--red);
	--ck-color-switch-button-off-background: hsl(from var(--white) h s l / 0.1);
	--ck-color-switch-button-off-hover-background: hsl(from var(--white) h s l / 0.2);
	--ck-color-switch-button-on-hover-background: hsl(from var(--brand) h s calc(l - 6));
	--ck-color-link-default: var(--brand);
	--ck-color-link-selected-background: hsl(from var(--brand) h s calc(l - 6));
	--ck-color-link-fake-selection: var(--brand);

	/* ? */
	--ck-style-panel-button-label-background: var(--black);
}

.ck-fullscreen__main-wrapper .ck-fullscreen__editable .ck.ck-editor__editable:not(.ck-editor__nested-editable) {
	background: var(--black);
}

.ck-content code,
.ck.ck-editor__editable .ck-code_selected {
	color: var(--white);
	background: hsl(from var(--white) h s l / 0.1);
	border-radius: 0.25rem;
}

.ck-content pre {
	color: var(--white);
	background: var(--black);
	border: 0.075rem solid hsl(from var(--white) h s l / 0.1);
	border-radius: 0.25rem;
}

.ck.ck-editor__editable pre[data-language]:after {
	color: var(--black);
	background: var(--white);
	border-radius: 0.25rem;
}