:root {

/* Color Pallete */

--ElectricBlue: #1E88E5;
--NavyInk: #0D1B2A;
--CoolGray: #F4F7FA;
--Charcoal: #1B1B1B;
--Green: #00BFA6;
--red: #FF9292;

--primary-blue-color: #1E88E5;
--primary-blue-color-hover: #155d9b;
--secoundary-blue-color: #0D1B2A;
--secoundary-text-color: white;
--active-color: #444;
--BabyBlue: rgba(30, 136, 229, 0.2);

--danger-btn: #c0392b;
--danger-btn-hover: #e74c3c;
}

:root{

/* Fonts */

--primary-font-family: "Roboto Mono", monospace;
--secoundary-font-family: sans-serif;
}