@mixin respond($minWidth: null, $maxWidth: null) {
	@if $minWidth != null and $maxWidth == null {
		@media only screen and (min-width: $minWidth) {
			@content;
		}
	} @else if $minWidth == null and $maxWidth != null {
		@media only screen and (max-width: $maxWidth) {
			@content;
		}
	} @else {
		@media only screen and (min-width: $minWidth) and (max-width: $maxWidth) {
			@content;
		}
	}
}

$default-transition: all 0.3s ease;

$colors: (
	'black': #282828,
	'dark-grey': #333,
	'grey': #999,
	'light-grey': #dadada,
	'lightest-grey': #eee,
	'white': #fff,
	'yellow': #f8cb00,
	'dark-yellow': #F5A623,
	'light-yellow': #F9F6D2,
	'cyan': #65c3df,
	'turquoise': #45b7b0,
	'red': #ee5757,
	'light-red': #EFD8D8,
	'dark-red': #ED5858,
	'blue': #4a90e2,
	'purple': #a488d6,
	'success-green': #6AC259,
	'green': #b8e986,
	'aptoide-orange': #ff6d28,
	'aptoide-orange-light': #ff7e42,
	'border-grey': #e8e8e8,
	'highlight-grey': #f3f4f5,
	'myapps-filters-grey': #f8f8f8
);

$fontWeightLight: 300;
$fontWeightRegular: 400;
$fontWeightMedium: 500;
$fontWeightBold: 700;

$fontFace: 'Roboto', 'Helvetica', 'Arial', sans-serif;
$basicFontSize: 16px;

$fontSizeSmallest: 0.5rem;
$fontSizeSmaller: 0.75rem;
$fontSizeSmall: 0.875rem;
$fontSizeDefault: 1rem;
$fontSizeTitle: 1.5rem;
$fontSizeTitleLg: 1.75rem;
$fontSizeLg: 2rem;

$logoShadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);

$themes: (
	'default': #E17117,
	'grey': #9E9E9E,
	'brown': #795548,
	'black': #000000,
	'lime': #CDDC39,
	'green': #4CAF50,
	'light-green': #8BC34A,
	'teal': #009688,
	'indigo': #3F51B5,
	'blue-grey': #607D8B,
	'light-blue': #03A9F4,
	'deep-purple': #673AB7,
	'pink': #E91E63,
	'red': #F44336,
	'orange': #FF9800,
	'amber': #FFC107
);

$zIndexes: (
	menu-bar: 100,
	menu-bar-logo-box-shaddow: 1,
	menu-bar-store-avatar-arrow-down: 1,
	aptd-dropdown: 200,
	aptd-dropdown-expanded-overlay: 199,
	dashboard-card-overlay-inner: 100,
	dashboard-card-overlay-inner-close-button: 150,
	dashboard-card-overlay-inner-header: 150,
	dashboard-card-overlay-inner-my-app-more-button: 150,
	dashboard-card-overlay-inner-spinner: 150,
	dashboard-card-message: 150,
	snack-bar: 350,
	dashboard-dropdown: 200,
	dashboard-dropdown-expanded-overlay: 199,
	dashboard-cp-section-switcher: 250,
	dashboard-card-expanded: 300,
	dashboard-card-expanded-overlay-outer: -1,
	layout-tooltip: 999,
	layout-dropdown: 998,
	panel-modal: 99999,
	panel-modal-title: 1000,
	panel-modal-closebtn: 99,
	panel-modal-bottom-fixed: 1000
);