// GLOBAL COLORS

$wcc-version: "3.0.6";
$wcc-wrap-class: "wcc-app-wrap";
$wcc-body-class: "wcc-app-admin";
$color-white: #fff;
$color-body: #1e2221;
$color-error: #dc3545;
$color-warning: #000;
$color-info: #000;
$color-line: #eceae8;
$color-black-transparent: rgba(27, 31, 35, 0.15);
$color-primary: #3157A6;
$color-secondary: #1863dc;
$nav-top: 32px;
$nav-width: calc(100% - 200px);
$nav-left: 180px;

$palettes: (
	mono: (
		base: #000000,
		black: #0e0d0d,
		white: #ffffff,
	),
	primary: (
		base: #3157A6,
		lighter: #e7efff,
		font: #2A3646,
		content: #23282d,
		button: #3157A6,
		button_font: #ffffff,
	),
	secondary: (
		base: #1863dc,
		lighter: #e7efff,
		font: #6E7681,
		content: #23282d,
		button: #d1e7fb,
		button_font: #056BE7,
		button_border: #d1e7fb,
	),
	toggle: (
		base: #adadad,
		disabled: #adadad,
		checked: #056BE7,
	),
	success: (
		base: #00c9a6,
		light: #e1f6ff,
		lighter: #e1f6fd,
	),
	info: (
		base: #17a8e3,
		light: #e1f6ff,
		lighter: #e1f6fd,
	),
	error: (
		base: #E71D36,
		dark:#B9172B,
		light: #EC4A5E,
		lighter: #FAD2D7,
	),
	warning: (
		base: #FFB240,
		dark:#997410,
		light: #FFC166,
		lighter: #FFF7D6,
	),
	green: (
		base: #15a753,
		font: #ffffff,
	),
	table: (
		base: #f6f7f7,
	),
	badgeColor: (
		success: #E6F3E9,
		warning: #FBF6E8,
		error: #FBEBEB,
	),
	badgeFont: (
		success: #006116,
		warning: #997410,
		error: #962627,
	)
) !default;

$color-line: #e5e5e5;

$color-gray-50: #d1d1d1;
$color-gray-100: #cccccc;
$color-gray-200: #bfbfbf;
$color-gray-300: #adadad;
$color-gray-400: #989898;
$color-gray-450: #808080;
$color-gray-500: #7a7a7a;

// Import Google Fonts
$import-font: true !default;

// Typography
$font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue",
	sans-serif;
$font--size: 14px !default;

// fonts color
$font--color-main: color(primary, font);
$font-color-light: color(mono, white);
$font--color-dim: #ccc;
$font--color-placeholder: #e5e5e5;
$font--color-link: #1863dc;
$font-disabled-color: palette(gray, light) !default;

$font--weight: 400;
$font--medium: 500;
$font--weight-bold: 600;

$font--line-height: 18px !default;
$font--letter-spacing: 0px !default;
$font--letter-spacing-secondary: 0.02em !default;

$h1-font-size: 32px !default;
$h2-font-size: 22px !default;
$h3-font-size: 18px !default;
$h4-font-size: 16px !default;
$h5-font-size: 15px !default;
$h6-font-size: 14px !default;

$h1-line-height: 40px;
$h2-line-height: 26px;
$h3-line-height: 22px;
$h4-line-height: 18px;
$h6-line-height: 16px;

$border-radius: 4px !default;
$transition: all 0.3s ease !default;

// Layout
$wcc-gutter: 30px !default;
$wcc-gutter-md: 20px !default;
$wcc-total-grid-cols: 12 !default;

// Toggles (_toggles.scss)

$toggle-width: 32px !default;
$toggle-height: 16px !default;
$toggle-font-size: 15px !default;
$toggle-font-height: 22px !default;

// Tabs
$wcc-nav-tab-font-size: 14px !default;

$border-color: #EAEBED;

// Tooltips
$tooltip-background-color: #555E6B;
$tooltip-color: #ffffff;

// Modal Styles
$modal-overlay: #333333f2;
$spacer: 30px !default;
