/* ==userstyle==
@name         boilerplate for dev.css
@description  a template that you can modify. copied from dev.css defaults. removing lines will revert to the dev.css default, for example the font lines
@namespace    author
@version      1.0.0
@author       author <author@example.com> (https://example.com)
@homepageURL  https://example.com
@supportURL   https://example.com/issues
@license      MIT
==/userstyle== */

:root {
	/* font families */
	--dc-font: ui-sans-serif, system-ui, sans-serif;
	--dc-font-mono: ui-monospace, monospace;

	/* light/dark colors */
	color-scheme: light dark; /* light/dark scrollbars, inputs, etc */
	--dc-tx-1: light-dark(#171717, #ededed); /* primary text */
	--dc-tx-2: light-dark(#3f3f3f, #bbbbbb); /* secondary text */
	--dc-bg-1: light-dark(#fff, #0a0a0a); /* primary background */
	--dc-bg-2: light-dark(#fafafa, #000); /* secondary background */
	--dc-bg-3: light-dark(#d3d3d3, #494949); /* border */
	--dc-lk-1: light-dark(#005ff2, #47a8ff); /* link text */
	--dc-lkb-1: light-dark(#006bff, #006efe); /* link button */
	--dc-lkb-2: light-dark(#0059ec, #005be7); /* link button hover */
	--dc-lkb-tx: light-dark(#fff, #fff); /* text over link button */
	--dc-ac-1: light-dark(#a000f8, #9440d5); /* accent color */
	--dc-ac-tx: light-dark(#fff, #fff); /* text over accent color */
}