:root {
	/* primary */
	--red: #D5181A;
	--primary: var(--red);
	--dark-red: #b01429;
	--dark-grey: #2A2A2A;
	--gray: #585858;
	--light-gray: #D4D4D4;
	--light-tan: #F8F4ED;
	--form-control: #8b8b8b;
	--longos-red: var(--red);
	--longos-dark-red: var(--dark-red);
    --longos-dark-gray: var(--dark-grey);
    --longos-medium-gray: var(--gray);
    --longos-light-gray: var(--light-gray);
    --longos-light-tan: var(--light-tan);
    --longos-white: #FFF;
    --longo-error: #920002;
	
    /* system */
	--danger: #EA3829;
	--success: #3d5a00;
	--warning: #FCB900;
	--info: #3B83F1;
	
	/* fonts */
	--font-text: "Neutra2", sans-serif;
	--font-display: "Neutra2Display", sans-serif;
	--font-book: "Neutra2TextBook", sans-serif;
	
	/*font size*/
	font-size: 10px;
}

.longos-red {
    color: var(--longos-red)
}
.longos-dark-red {
    color: var(--longos-dark-red)
}
.longos-dark-gray {
    color: var(--longos-dark-gray)
}
.longos-medium-gray {
    color: var(--longos-medium-gray)
}
.longos-light-gray {
    color: var(--longos-light-gray)
}
.longos-light-tan {
    color: var(--longos-light-tan)
}
.longos-white {
    color: var(--longos-white) !important;
}