/* grayscale colors set 1 */
:root {
	/* grayscale colors */
	--white: #fff;
	--gray-1: #f8f9fa;
	--gray-2: #e9ecef;
	--gray-3: #dee2e6;
	--gray-4: #ced4da;
	--gray-5: #adb5bd;
	--gray-6: #6c757d;
	--gray-7: #495057;
	--gray-8: #343a40;
	--gray-9: #212529;
	--black: #000;

	/* general colors */
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;

	/* page */
	--page-background-color: #fafafa;

	/* fonts */
	--primary-font: 'Montserrat';
	--secondary-font: 'Roboto';

	--primary-text-color: #363636;
	--secondary-text-color: #444;

	--primary-heading-color: #6a7b8a;
	--secondary-heading-color: #859bad;

	/* branding */
	--primary-branding-color: #17a2b8; /*#32b2cc;*/
	/* #328fcc; */

	--secondary-branding-color: #245e96;
	--secondary-branding-color-light: #3273b3;
	/* #248396; */
	--tertiary-branding-color: #192a38;
	--tertiary-branding-color-light: #1f3344;

	/* buttons */
	--primary-btn-color: var(--primary-branding-color);
	--primary-btn-border-color: var(--primary-branding-color);
	--primary-btn-hover-color: #1491a5;
	--primary-btn-border-hover-color: #1491a5;
	--primary-btn-text-color: #fff;
	--primary-btn-hover-text-color: #fff;

	--secondary-btn-color: var(--secondary-branding-color);
	--secondary-btn-border-color: var(--secondary-branding-color);
	--secondary-btn-hover-color: #1f517f;
	--secondary-btn-border-hover-color: #1f517f;
	--secondary-btn-text-color: #fff;
	--secondary-btn-hover-text-color: #fff;

	--neutral-btn-color: #ccc;
	--neutral-btn-border-color: #aaa;
	--neutral-btn-hover-color: #ddd;
	--neutral-btn-border-hover-color: #aaa;
	--neutral-btn-text-color: #000;
	--neutral-btn-hover-text-color: #000;

	/* links */
	--primary-link-color: #277bcc;
	--primary-visited-link-color: #277bcc;

	--secondary-link-color: red;
	--secondary-visited-link-color: lightblue;
}