/* Clayi tools — tema renk köprüsü (core.css --hs-p / --btn-fill-* ile senkron) */

#clayi-tools {
	--black-text: hsl(var(--c-text));
	--post-snip-data: hsla(var(--c-text), 0.55);
	--comment-content: hsl(var(--c-body-tone));
	--solid-border: var(--c-border);
	--cloud-border-color: var(--c-border);
	--button-bg-color: var(--btn-fill-bg);
	--button-text-color: var(--btn-fill-text);
	--block-bg: hsl(var(--block-bg));
	color: var(--black-text);
}

#clayi-tools button.clayi-btn.primary:hover,
#clayi-tools a.clayi-btn.primary:hover {
	background: var(--btn-fill-bg-h);
	border-color: var(--btn-fill-bg-h);
	filter: none;
}

#clayi-tools button.clayi-btn:hover:not(.primary):not(:disabled),
#clayi-tools a.clayi-btn:hover:not(.primary) {
	border-color: var(--btn-fill-bg);
	background: hsla(var(--c-primary), 0.08);
}

/* min.css .dark kullanıyor; tema .darkmod */
html.darkmod #clayi-tools .box,
html.darkmod #clayi-tools .card,
html.darkmod #clayi-tools .clayi-card,
html.darkmod #clayi-tools .clayi-out,
html.darkmod #clayi-tools .clayi-panel,
html.darkmod #clayi-tools .clayi-result,
html.darkmod #clayi-tools a.clayi-btn,
html.darkmod #clayi-tools button.clayi-btn,
html.darkmod #clayi-tools input:not([type=checkbox]),
html.darkmod #clayi-tools select,
html.darkmod #clayi-tools td,
html.darkmod #clayi-tools textarea,
html.darkmod #clayi-tools th {
	border-color: var(--solid-border);
}