Refactoring

[bitstarr]

• [x] Use new CSS Reset and combine with usefull features from normalize to get a new custom baseline
  • https://css-tricks.com/an-interview-with-elad-shechter-on-the-new-css-reset/
  • https://www.joshwcomeau.com/css/custom-css-reset/
  • https://github.com/csstools/normalize.css/blob/main/normalize.css
  • https://github.com/sindresorhus/modern-normalize/blob/main/modern-normalize.css
• [x] Rethink the design tokens (var.css) to maximize themability and flexibility ideas from
  • pollen
  • open props
• [x] new approach on sticky footer
• [x] better focus styles
  • https://twitter.com/realbrothercake/status/1458945330859454473
  • https://www.sarasoueidan.com/blog/focus-indicators/
  • https://css-tricks.com/standardizing-focus-styles-with-css-custom-properties/
• [x] dynamic line-height: line-height: calc(1em + 0.3rem);
• [x] introduce navigation area taxonomy

design tokens idea:

--color-primary-hsl: 123 50% 50%;
--color-primary: hsl( var( --color-primary ) );
--color-on-primary-hsl: 0 0% 0%;
--color-on-primary: hsl( var( --color-on-primary-hsl ) );