REBASE - Améliorations minimes et générales du design

rebase de la PR https://github.com/zestedesavoir/zds-site/pull/1625

-----------------------------------------

| Q                         | R
| ------------------------- | -------------------------------------------
| Correction de bugs ?      | Non
| Nouvelle Fonctionnalité ? | Non
| Tickets concernés         | #1520

Au programme : 

- utilisation des variables SCSS plus poussée ;
- quelques corrections de couleurs : zone de recherche en haut à droite, footer ;
- amélioration de l'accessibilité : outlines ou hover/focus bien visibles.

**QA** : Faite sur la PR parente