:root {
  /* COLOR VARIABLES */
  --primary-color: #1cc769;
--secondary-color: #f99500;
--light-color: #f1f1f1;
--dark-color: #50514f;
--black-color: #333333;
--tag-trend-color: #168260;
--tag-yellow-color: #ffbe0b;
--tag-purple-color: #f38c23;
--tag-blue-color: #3a86ff;
--tag-green-color: #1cc769;
--tag-orange-color: #3daee9;
--tag-pink-color: #ffa60a;
--tag-brown-color: #3daee9;
--hover-color: #5dcbac;
--active-color: #18b17c;
  /* FONT SIZE VARIABLES */
  --ts-vs: 0.56rem;
  --ts-sml: 0.8rem;
  --ts-md: 1.1rem;
  --ts-lg: 1.25rem;
  --hs-vs: 1.3rem;
  --hs-sml: 2rem;
  --hs-md: 2.5rem;
  --hs-lg: 3rem;

  /* FONT FAMILY VARIABLES */

  --ff-monts: "Montserrat", sans-serif;
  --ff-nunito: "Nunito Sans", sans-serif;
  --ff-noto: "Noto Serif", serif;
  --ff-robo: "Roboto", sans-serif;

  /* BORDER RADIUS */
  --border-radius: 5px;
}