// --------------------------------------------------
// 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": #4036b5,
	"accent-1": #8b5cf6,
	"accent-2": #6159eb,
	"accent-3": #4036b5
);

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

	"negative-0": #262626,
	"negative-1": #171717,
	"negative-2": #262626,
	"negative-3": #35353a,

	"misc-0": #525252,
	"misc-1": #29303d,
	"misc-2": #eff1f7,
);

$theme-dark: (
	"shade-0": #0f0f0f,
	"shade-1": #171717,
	"shade-2": #262626,
	"shade-3": #35353a,

	"negative-0": #FFFFFF,
	"negative-1": #FAF8FE,
	"negative-2": #e1e4ee,
	"negative-3": #e5e5e5,

	"misc-0": #FFFFFF,
	"misc-1": #26282c,
	"misc-2": #1a1a1d,
);