$custom-theme-colors: (
	primary-material:#2196f3,
	success-material:#4CAF50,
	primary:#1b7dd1,
	secondary:rgb(97 164 226),
	"gray":$gray-600,
	"success":#4aa15e,
	"info":#984fd0,
	"control":#0066ff,
	"third":#0f1a3a,
	"fourth":#050914,

	"page-background":#eee,
	"sidebar-nav":#252525,
	"topbar-nav":#34363b,
	"body-color":#eee,
);

$enable-rounded:true;
$container-max-widths:(
	xl:1300px
);
$admin-column-size-expanded:245px;
$admin-column-size-collapsed:70px;
$sidebar-width:245px;
$backend-top-color:hsl(208deg 31% 16%);
$sidebar-bg-color:#263848;
$sidebar-nav-link-bg-color:rgb(70,70,70);
$sidebar-nav-link-hover-bg-color:rgb(77,77,77);
$sidebar-nav-link-color:rgb(225,225,225);
$image-manager-folder-color:#ff8c29;
$image-manager-header-rows-height:32px;
$image-manager-pane-border-color:rgba(0,0,0,0.1);
$image-manager-element-cursor-hover-bg-color:rgba(0,0,0,0.1);
$min-contrast-ratio: 2;

$image-manager-icon-colors:(
	"jpg":orange,
	"png":red,
	"svg":purple,
	"gif":#fb1bff,
	"webp":green,
);

// Both theme color maps must be overwritten because some utility classes
// such as bg-primary use the $theme-colors-rgb map
$theme-colors: map-merge($theme-colors, $custom-theme-colors);
$theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");