@import url("https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.9.0/styles/default.min.css");

/* common theme */
html[data-theme='light'] {
	--sf-primary-color: #00d1b2;
	--sf-disabled-color: #888888;
	--sf-background-color: white;
	--sf-invert-background-color: rgba(10, 10, 10, 0.2);
	--sf-focus-invert-background-color: rgba(10, 10, 10, 0.3);
	--sf-light-background-color: #efefef;
	--sf-odd-light-background-color: #fafafa;
	--sf-focus-background-color: #dfdfdf;
	--sf-selected-background-color: #00bfff;
	--sf-selected-header-background-color: #137DC3;
	--sf-focus-color: #363636;
	--sf-color: black;
	--sf-link-color: #137DC3;
	--sf-border-color: #dbdbdb;
	--sf-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
	--sf-recursive-background-color: rgba(240,240,240,0.7);
	--sf-recursive-border-color: rgba(234,234,234,0.7);
	--sf-danger-background-color: #feecf0;
	--sf-placeholder-color: rgba(54, 54, 54, 0.3);
	--sf-notification-color: #383838;
}