/* ==userstyle==
@name         catppuccin frappé and latte for dev.css
@description  dev.css theme based on catppuccin's frappé 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 frappé */
	color-scheme: light dark; /* light/dark scrollbars, inputs, etc */
	--dc-tx-1: light-dark(#4c4f69, #c6d0f5); /* primary text | Text */
	--dc-tx-2: light-dark(#4c4f69, #c6d0f5); /* secondary text | Text */
	--dc-bg-1: light-dark(#eff1f5, #303446); /* primary background | Base */
	--dc-bg-2: light-dark(#e6e9ef, #292c3c); /* secondary background | Mantle */
	--dc-bg-3: light-dark(#ccd0da, #414559); /* border | Surface0 */
	--dc-lk: light-dark(#1e66f5, #8caaee); /* link text | Blue */
	--dc-btn: light-dark(#bcc0cc, #51576d); /* link button | Surface1 */
	--dc-btn-hover: light-dark(
		#ccd0da,
		#414559
	); /* link button hover | Surface0 */
	--dc-ac: light-dark(#8839ef, #ca9ee6); /* accent color | Mauve */
	--dc-btn-tx: light-dark(#eff1f5, #303446); /* text over buttons | Base */
}