// Main Theme
$colors-list: (
// Primary
"primary": #2d8cf0,
"light-primary": #5cadff,
"primary-alpha-first": rgba(33, 150, 243, 0.2),
"primary-alpha-half": rgba(33, 150, 243, 0.5),
"primary-alpha-end": rgba(33, 150, 243, 0.8),
"dark-primary":#2b85e4,

// Secondary
"secondary":#fff,
// States **

// Info
"light-info": #e3f2fd,
"info":#2db7f5,
"dark-info": #0d47a1,

// Success
"light-success": #e8f5e9,
"success":#19be6b,
"dark-success": #388e3c,

// Warning
"light-warning": #ffd54f,
"warning":#ff9900,
"dark-warning":#ff8f00,

// Error
"light-error": #ef5350,
"error":#ed4014,
"dark-error": #c62828,


// Typography
"title":#17233d,
"content":#515a6e,
"subcolor":#808695,
"disabled":#c5c8ce,

// Bounds
"border":#dcdee2,
"dark-border":#9e9e9e,
"light-border":#fafafa,
"divider":#e8eaec,
"white":#ffffff,
"black": #000,
"carbon": #2d2e2e,
"light-background":#ffffff,
"background":#f8f8f9,
"dark-background":#e7e7e7,
"primary-background":#ffffff,
);
// Borders
$border-radius: (
	"none": 0px,
	"tiny": 3px,
	"standard": 5px,
	"rounded": 12px,
	"bounced" : 15px,
	"circle": 50%,
);
$typography-sizes: (
	// Pixels
	"tiny": 8px,
	"small": 12px,
	"normal": 15px,
	"normal-1": 17px,
	"normal-2": 20px,
	"large": 28px,
	"massive": 40px,
	"super": 74px,
	// Inhereted
	"xs": 50%,
	"sm": 80%,
	"md": 100%,
	"md-1": 110%,
	"md-2": 120%,
	"lg": 150%,
	"lg-1": 200%,
	"lg-2": 300%,
	// Points
	"title": 30pt,
	"subtitle": 20pt,
	"heading": 18pt,
	"body": 11pt,
);
$z-dimension: (
	"1": 0,
	"1-1": 10,
	"1-2": 20,
	"1-3": 30,
	"2": 100,
	"2-1": 110,
	"2-2": 120,
	"2-3": 130,
	"3": 1000,
	"3-1": 1100,
	"3-2": 1200,
	"3-3": 1300,
);
@function tint($color, $percentage) {
  @return mix(white, $color, $percentage);
}
@function shade($color, $percentage) {
  @return mix(black, $color, $percentage);
}