/* Colors */
:root {
	--color-primary-050: #d1daeb;
	--color-primary-100: #a3b6d7;
	--color-primary-200: #7593c4;
	--color-primary-300: #4a6ead;
	--color-primary-400: #335899;
	--color-primary: #36517F;
	--color-primary-600: #1e3f78;
	--color-primary-700: #183260;
	--color-primary-800: #112547;
	--color-primary-900: #0b18e2;

	--color-secondary-050: #ebd6e8;
	--color-secondary-100: #cd98c5;
	--color-secondary-200: #b96fae;
	--color-secondary-300: #af5ba3;
	--color-secondary-400: #a54697;
	--color-secondary: #9c328c;
	--color-secondary-600: #7c2870;
	--color-secondary-700: #5d1e54;
	--color-secondary-800: #4e1946;
	--color-secondary-900: #3e1438;

	--color-tertiary-050: #b6e1f8;
	--color-tertiary-100: #91d2f4;
	--color-tertiary-200: #6dc3f0;
	--color-tertiary-300: #48b4ec;
	--color-tertiary-400: #24a5e9;
	--color-tertiary: #158fcf;
	--color-tertiary-600: #1277ac;
	--color-tertiary-700: #0e5f8a;
	--color-tertiary-800: #0b4768;
	--color-tertiary-900: #073045;

	--color-success-050: #dcf1e0;
	--color-success-100: #96d6a1;
	--color-success-200: #72c882;
	--color-success-300: #4fba63;
	--color-success-400: #2cad43;
	--color-success: #099f24;
	--color-success-600: #07841e;
	--color-success-700: #066a18;
	--color-success-800: #055012;
	--color-success-900: #03350c;

	--color-warning-050: #fef6db;
	--color-warning-100: #fde392;
	--color-warning-200: #fdd96d;
	--color-warning-300: #fcd049;
	--color-warning-400: #fcc624;
	--color-warning: #fbbd00;
	--color-warning-600: #d19d00;
	--color-warning-700: #a77e00;
	--color-warning-800: #7e5f00;
	--color-warning-900: #543f00;

	--color-danger-050: #f7dcde;
	--color-danger-100: #e7959b;
	--color-danger-200: #df727a;
	--color-danger-300: #d74f58;
	--color-danger-400: #cf2b37;
	--color-danger: #c70816;
	--color-danger-600: #a60712;
	--color-danger-700: #85050f;
	--color-danger-800: #64040b;
	--color-danger-900: #420307;

	--color-gray-050: #f2f2f3;
	--color-gray-100: #e5e6e8;
	--color-gray-200: #cccfd2;
	--color-gray-300: #b2b7bc;
	--color-gray-400: #99a0a6;
	--color-gray: #7f888f;
	--color-gray-600: #4c5863;
	--color-gray-700: #33414d;
	--color-gray-800: #192936;
	--color-gray-900: #001221;

	--color-orange-050: #ffeddb;
	--color-orange-100: #ddc992;
	--color-orange-200: #ddb86d;
	--color-orange-300: #ffa649;
	--color-orange-400: #ff9424;
	--color-orange: #ff8200;
	--color-orange-600: #d46c00;
	--color-orange-700: #aa5700;
	--color-orange-800: #804100;
	--color-orange-900: #552b00;

	--color-fff: #ffffff;
	--color-eee: #eeeeee;
	--color-ddd: #dddddd;
	--color-ccc: #cccccc;
	--color-bbb: #bbbbbb;
	--color-aaa: #aaaaaa;
	--color-999: #999999;
	--color-888: #888888;
	--color-777: #777777;
	--color-666: #666666;
	--color-555: #555555;
	--color-444: #444444;
	--color-333: #333333;
	--color-222: #222222;
	--color-111: #111111;
	--color-000: #000000;

	--color-background: #f9fafc;
	--color-background-alert-info: #158FCF40;
}

/* Links */
a {
	color: var(--color-primary);
}

a:hover {
	color: var(--color-primary-300);
}

/* Alerts */
.alert-success {
	color: var(--color-success-800) !important;
	border-color: var(--color-success);
	background-color: var(--color-success-050) !important;
}

.alert-success a {
	color: var(--color-success-800);
}

.alert-info {
	color: var(--color-tertiary-800) !important;
	border-color: var(--color-tertiary);
	background-color: var(--color-background-alert-info) !important;
}

.alert-info a {
	color: var(--color-tertiary-800);
}

.alert-warning {
	color: var(--color-warning-800) !important;
	border-color: var(--color-warning);
	background-color: var(--color-warning-050) !important;
}

.alert-warning a {
	color: var(--color-warning-800);
}

.alert-danger {
	color: var(--color-danger-800) !important;
	border-color: var(--color-danger);
	background-color: var(--color-danger-050) !important;
}

.alert-danger a {
	color: var(--color-danger-800);
}

/* Buttons */
.btn-primary {
	border-color: var(--color-primary-600);
	background-color: var(--color-primary);
}

.btn-primary:hover {
	border-color: var(--color-primary-700);
	background-color: var(--color-primary-600);
}

.btn-success {
	border-color: var(--color-success-600);
	background-color: var(--color-success);
}

.btn-success:hover {
	border-color: var(--color-success-700);
	background-color: var(--color-success-600);
}

.btn-info {
	border-color: var(--color-tertiary-600);
	background-color: var(--color-tertiary);
}

.btn-info:hover {
	border-color: var(--color-tertiary-700);
	background-color: var(--color-tertiary-600);
}

.btn-warning {
	border-color: var(--color-warning-600);
	background-color: var(--color-warning);
}

.btn-warning:hover {
	border-color: var(--color-warning-700);
	background-color: var(--color-warning-600);
}

.btn-danger {
	border-color: var(--color-danger-600);
	background-color: var(--color-danger);
}

.btn-danger:hover {
	border-color: var(--color-danger-700);
	background-color: var(--color-danger-600);
}

/* Toast */
.toast-success {
	background-color: var(--color-success);
}

.toast-info {
	background-color: var(--color-tertiary);
}

.toast-warning {
	background-color: var(--color-warning);
}

.toast-error {
	background-color: var(--color-danger);
}

/* Navbar */
.main-header .navbar {
	background-color: var(--color-primary) !important;
}

.main-header li.user-header {
	background-color: var(--color-primary-400) !important;
}

.main-header .navbar .sidebar-toggle:hover {
	background-color: var(--color-primary-700) !important;
}

/* Labels */
.label-primary {
	background-color: var(--color-primary) !important;
}

.label-success {
	background-color: var(--color-success) !important;
}

.label-info {
	background-color: var(--color-tertiary) !important;
}

.label-warning {
	background-color: var(--color-warning) !important;
}

.label-danger {
	background-color: var(--color-danger) !important;
}

/* Texts */
.text-primary {
	color: var(--color-primary);
}

.text-success {
	color: var(--color-success);
}

.text-info {
	color: var(--color-tertiary);
}

.text-warning {
	color: var(--color-warning);
}

.text-danger {
	color: var(--color-danger);
}
