/* ==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 <intergrav@proton.me> (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é */
	--dc-cs: 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-1: light-dark(#1e66f5, #8caaee); /* link text | Blue */
	--dc-lkb-1: light-dark(#bcc0cc, #51576d); /* link button | Surface1 */
	--dc-lkb-2: light-dark(#ccd0da, #414559); /* link button hover | Surface0 */
	--dc-lkb-tx: light-dark(#4c4f69, #c6d0f5); /* text over link button | Text */
	--dc-ac-1: light-dark(#8839ef, #ca9ee6); /* accent color | Mauve */
	--dc-ac-tx: light-dark(#eff1f5, #303446); /* text over accent color | Base */
}