// main: styles.scss

//
// Colors
// ----------------------------------------------------------------------------------------------------

$porcelain:			#F1F1F8 !default;
$tory-blue: 		#354987 !default;
$ultramarine-blue:	#25AAE1 !default;
$black-pearl:		#1F2230 !default;
$midnight-express:	#232938 !default;
$port-gore:			#3D4366 !default;
$gray-light:		#777777 !default;
$gray-lighter:		#EEEEEE !default;
$disabled:			#E9ECEF !default;
$disabled-border:	#CED4DA !default;
$bg-dark:			#343A40 !default;

$white:				#FFFFFF !default;
$black:				#151717 !default;
$green2:			#1E7E34 !default;

// ADA
$green-lt:          #218739 !default;
$warning-lt:        #8F6B00 !default;
$primary-btn-lt:    #177EAB !default;
$btn-light-lt:      #177BA6 !default;

$green-dk:          #2EBD4F !default;
$danger-dk:         #EA858F !default;
$primary-btn-dk:    #3AB1E4 !default;
$btn-light-dk:      #177EAB !default;

$border:			1px solid rgba(0,0,0,.125);
$border-dark:		1px solid rgba(255,255,255,.125);
$bg-dark-color:		rgba(0,0,0,.125);
$bg-dark2-color:	rgba(255,255,255,.125);
$bg-light-color:	rgba(0,0,0,.03);

//
// Icons
// ----------------------------------------------------------------------------------------------------

$icon-info: "\f059";
$icon-success: "\f058";
$icon-error: "\f057";
$icon-warning: "\f0eb";

//
// Theming
// ----------------------------------------------------------------------------------------------------

$bodydark:			#1C1E1F !default;
$bodylight:			#F1F1F8 !default;
$cardlightback:		#F8F9FA !default;
$cardlighthead:		#F0F1F2 !default;
$carddarkback:		#343A40 !default;
$carddarkhead:		#32383E !default;

.template {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23acacac' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}
