* Replace variables.json with colors.json and update related files accordingly
* Add variables data files
* Update variables include template and all related files to use new variables data
* Fix mobile breakpoint id typo in responsivness docs page
* Fix Liquid syntax error in made-with-bulma docs page
* Update bulma sass files count in modular docs page
* Use breakpoints data in responsiveness helpers docs page
* Use breakpoints and variables data in typography helpers docs page
* Add missing page titles in docs pages front matter
- use button to can reach by keyboard and make a user with screen reader understand that's is a button.
- add aria-haspopup to make screen reader user understand this button have a drop-down.
- add aria-controls to make screen reader user understand this button control on items called x.
- should add aria-expanded by JS when user toggle button.
- add aria-hidden to icons.
- add href=# to links to make it a link we can interact with a keyboard.
- add role menu to menu drop-down to make sure this div is a menu.
- should add aria-hidden by JS and toggle it by button expanded.