/**
 * CSS Variables
 * =========================================== */
:root {
	--blue: #0073aa; /* $blue */
	--medium-blue: #00a0d2;
	--light-blue: #00b9eb; /* $blue_light */
	--info: #66c6e4;
	--blue-gray: #607d8b;

	--accent-red: #dc3232; /* --red, --danger */
	--danger: var(--accent-red);
	--red: var(--accent-red);
	--red-light: #ea8484;
	--accent-orange: #f56e28; /* $orange */
	--accent-yellow: #ffb900; /* $yellow */
	--green: #28a745;
	--accent-green: #46b450;
	--teal: #00bd9b;
	--green-dark: var(--teal);
	--accent-purple: #826eb4;

	--pink: #e83e8c;

	--white: #fff;

	--dark-gray-900: #191e23;
	--dark-gray-800: #23282d; /* $gray_dark */
	--dark-gray-700: #32373c; /* $gray */ /* $gray_silver */
	--dark-gray-600: #40464d;
	--dark-gray-500: #555d66; /* $gray_border */
	--dark-gray-400: #606a74;
	--dark-gray-300: #6c7782;
	--dark-gray-200: #7e8993;
	--dark-gray-100: #8f98a1; /* $gray_silver_dark */
	--light-gray-900: #a2aab2;
	--light-gray-800: #b5bcc2;
	--light-gray-700: #ccd0d4;
	--light-gray-600: #d7dade;
	--light-gray-500: #e2e4e7;
	--light-gray-400: #e8eaeb;
	--light-gray-300: #edeff0; /* $gray-light */
	--light-gray-200: #f3f4f5;
	--light-gray-100: #fbfbfc;
}