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

| 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** : Vérifier que les éléments affectés fonctionnent toujours correctement.
Mes deux questions seront sûrement naïves, mais si elles permettent à quelqu'un de clarifier les choses, notamment si un jour on veut vous aider sur le front, cool : 

- pourquoi avoir enlevé le rgba? un `rgba(255, 255, 255, 1);` aurait eu le même effet et ça évite d'utiliser vingt notations dansle code
- pourquoi est-ce que pour cette couleur là, l'utilisation de variable n'est pas préconisé?