/* ==userstyle==
@name         catppuccin mocha and latte for dev.css
@description  dev.css theme based on catppuccin's mocha and latte colors - https://github.com/catppuccin
@namespace    intergrav
@version      1.0.0
@author       intergrav <devin@devins.page> (https://devins.page)
@homepageURL  https://devcss.devins.page
@supportURL   https://tangled.org/devins.page/dev.css/issues
@license      MIT
==/userstyle== */

:root {
	/* colors - latte and mocha */
	color-scheme: light dark; /* light/dark scrollbars, inputs, etc */
	--dc-tx-1: light-dark(#4c4f69, #cdd6f4); /* primary text | Text */
	--dc-tx-2: light-dark(#4c4f69, #cdd6f4); /* secondary text | Text */
	--dc-bg-1: light-dark(#eff1f5, #1e1e2e); /* primary background | Base */
	--dc-bg-2: light-dark(#e6e9ef, #181825); /* secondary background | Mantle */
	--dc-bg-3: light-dark(#ccd0da, #313244); /* border | Surface0 */
	--dc-lk-1: light-dark(#1e66f5, #89b4fa); /* link text | Blue */
	--dc-lkb-1: light-dark(#bcc0cc, #45475a); /* link button | Surface1 */
	--dc-lkb-2: light-dark(#ccd0da, #313244); /* link button hover | Surface0 */
	--dc-lkb-tx: light-dark(#4c4f69, #cdd6f4); /* text over link button | Text */
	--dc-ac-1: light-dark(#8839ef, #cba6f7); /* accent color | Mauve */
	--dc-ac-tx: light-dark(#eff1f5, #1e1e2e); /* text over accent color | Base */
}