Resolve "range docusaurus colors in css"

Closes #85 (closed)

src/css/custom.css

 @import url("variables.css");
 @import url("fonts.css");
+@import url("footer.css");
 @import url("dark-theme.css");
-@import url("../theme/Footer/footer.css");
 @import url("matomo.css");
 
+
 html, body {
   margin: 0;
   padding: 0;
@@ -27,19 +28,16 @@ p {
   font-weight: 500;
 }
 
-p a {
-  color: var(--ifm-color-warning);
-}
-
 /****** LINK a ******/
 a:hover {
   transition: 0.3s;
 }
 
-li a:hover {
+p a {
   color: var(--ifm-color-warning);
 }
 
+/* FORM & INPUT */
 form > p {
   font-size: small;
   margin-top: 2em;
@@ -120,6 +118,10 @@ ul {
 
 .hero__subtitle {
   color: var(--ifm-color-white);
+  width: 90%;
+  text-align: center;
+  margin: auto;
+  padding-bottom: 20px;
 }
 
 /***** BUTTON *****/
@@ -187,9 +189,11 @@ ul {
   color: var(--ifm-color-white);
 }
 
-.alert--secondary {
+.alert--secondary, .alert--secondary a, .alert--secondary svg {
   --ifm-alert-border-color: var(--ifm-color-gray-500);
   --ifm-alert-background-color: var(--ifm-color-gray-100);
+  color: var(--ifm-color-gray-800);
+  fill: var(--ifm-color-gray-600);
 }
 
 .alert--success {