/* 心 テキストエディター装飾ツールバー — 表側（フロント）の見せ方
 *
 * グラデーション文字。本文には色だけを CSS 変数（--k1 / --k2）で持たせ、
 * 透過の仕組みはここで持ちます（background-clip:text 等は kses で消えるため）。
 */
.kokoro-grad {
	background: linear-gradient(90deg, var(--k1, #e60050), var(--k2, #2b6cff));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

/* 万一 background-clip:text が使えない環境では、透明のままだと文字が消えるので、
 * 始めの色で普通に表示するように戻す（読めなくなる事故を防ぐ）。 */
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
	.kokoro-grad {
		background: none;
		-webkit-text-fill-color: currentColor;
		color: var(--k1, #e60050);
	}
}