@import "custom.css";

:root {
    --primary-color:            #f23d34;
    --primary-color-lighter:	#E49BA2;
    --primary-color-light:		#E0314B;
    --primary-color-dark:		#BF0704;
    --primary-color-darker:		#A6241B;
	--color-black:				#24272A;
	--color-white:				#fff;

	/* Color for Buttons */
	--button-primary: var(--primary-color);
	--button-primary-hover: var(--primary-color-dark);
	--button-primary-active: var(--primary-color-darker);
	--button-primary-selected: var(--primary-color-lighter);
	--button-primary-disabled: var(--primary-color-lighter);

	--button-white-hover: #F0F0F0;

    /* Color for Nav bar */
    --nav-hover: var(--primary-color-dark);
    --nav-active: var(--primary-color-dark);

	/* Color for Texts */
    --text-hover: var(--primary-color-dark);


	/* App End */
	/* Nav Color */
	--app-nav-color: var(--color-black);

	/* Map */
	--marker-color: var(--primary-color);
	--marker-text-color: var(--color-white);
}