Rediseño de la interfaz y arreglos menores

- ¡Ahora con tema oscuro! Se activa según el navegador del usuario.
- URL de audios simplificada.
- Nuevos iconos para canciones con acordes/audios.
- Enlaces de la cabecera actualizados.
- Siempre mostramos los ajustes.
- Insertar espacio forzoso para separar algunas palabras que se juntaban.
- Soporte para canciones con dos líneas de acordes (e.g. Engrandece).

res/less/main.less

@@ -6,8 +6,14 @@ h1 {
     width: max-content;
     max-width: 100%;
     text-align: center;
+    @media (prefers-color-scheme: dark) {
+        color: @title-dark;
+    }
     > a, > a:hover, > a:active, > a:visited {
         color: @title;
+        @media (prefers-color-scheme: dark) {
+            color: @title-dark;
+        }
     }
 }
 
@@ -15,6 +21,9 @@ h2, h3 {
     color: @subtitle;
     font-weight: lighter;
     margin-bottom: 0;
+    @media (prefers-color-scheme: dark) {
+        color: @subtitle-dark;
+    }
 }
 
 footer {
@@ -24,8 +33,13 @@ footer {
 body {
     font-family: Helvetica, Arial, sans-serif;
     color: @text;
+    background: @background;
     max-width: 75em;
     margin: 1em;
+    @media (prefers-color-scheme: dark) {
+        color: @text-dark;
+        background: @background-dark;
+    }
     @media (min-width: 75em + 1em) {
         margin: auto;
     }
@@ -43,6 +57,9 @@ nav {
     }
 }
 
+nav a > span {
+    border-width: 4px;
+}
 a {
     text-decoration: none;
     > span {
@@ -50,11 +67,20 @@ a {
         padding: 0.5em;
         margin: 0.2em;
         display: inline-block;
-        background: @secondary;
-        border-radius: @border-radius;
+        border-radius: @border-radius * 5;
+        border: 1px solid @text;
+        @media (prefers-color-scheme: dark) {
+            color: @text-dark;
+            border-color: @text-dark;
+        }
         &:hover {
             background: @secondary-hover;
             transition-duration: @transition;
+            @media (prefers-color-scheme: dark) {
+                background: @secondary-hover-dark;
+            }
         }
+        &#nav-web { border-color: #6ecf00; }
+        &#nav-audios { border-color: orange; }
     }
 }