// --------------------------------------------------
// The color theme is split into three sections. While general colors
// are always available, the other two sections are dependent on UI theme.
//
// - General colors are theme agnostic and may be used anywhere.
// - Shades are the primary element for most background colors.
// - Negative colors are provided for situations where contrast is required.
// - Misc colors are used for special cases.
//    - misc-0: Used for icons
//    - misc-1: Used for the project sidebar
//    - misc-2: Used for hover highlights
// --------------------------------------------------

$theme-general: (
	"primary": #8b5cf6,
	"secondary": #3b44bb,
    "success": #43c46e,
    "error": #f76060,
    "warning": #f3a20b,
    "info": #14a7f4
);

$theme-light: (
	"shade-0": #FFFFFF,
	"shade-1": #F6F5Fa,
	"shade-2": #e1e4ee,
	"shade-3": #e5e5e5,
	"shade-4": #cad3eb,

	"negative-0": #151515,
	"negative-1": #1a1a1a,
	"negative-2": #252527,
	"negative-3": #404046,
	"negative-4": #515163,

	"misc-0": #525252,
	"misc-1": #373f52,
	"misc-2": #eff1f7,
);

$theme-dark: (
	"shade-0": #151515,
	"shade-1": #1a1a1a,
	"shade-2": #252527,
	"shade-3": #404046,
	"shade-4": #515163,

	"negative-0": #FFFFFF,
	"negative-1": #F6F5Fa,
	"negative-2": #e1e4ee,
	"negative-3": #e5e5e5,
	"negative-4": #cad3eb,

	"misc-0": #FFFFFF,
	"misc-1": #33373f,
	"misc-2": #1a1a1d,
);