secondary color

pass/public/styles/base.less

@@ -83,7 +83,7 @@ button {
   &.download {
     display: flex;
     img {
-      height: 1.5em;
+      height: 1.3em;
     }
   }
 
@@ -103,13 +103,13 @@ button {
 
   img {
     filter: brightness(0) invert();
-    height: 1.5rem;
+    height: 1.3rem;
   }
 }
 
 .button {
   display: block;
-  border: 1px solid #777;
+  border: 1px solid darken(@color-secondary, 5%);
   padding: 1rem;
   color: white;
   text-decoration: none;
@@ -118,16 +118,9 @@ button {
   &:hover {
     color: inherit;
     background-color: fade(@color-secondary, 70%);
-    border-color: @color-main;
+    border-color: fade(darken(@color-secondary, 5%), 70%);
     color: fade(white, 90%);
   }
-  &.negative {
-    background-color: @color-negative;
-    &:hover {
-      background-color: fade(@color-negative, 70%);
-      color: white;
-    }
-  }
 }
 
 nav#primary-nav {

pass/public/styles/misc/vars.less

 @color-main: #ef7700;
-@color-secondary: #3a3af9;
+@color-secondary: #0000da;
 @color-main-hover: lighten(@color-main, 5%);
 @color-main-font-color: white;
 @color-negative: rgba(255, 0, 0, 0.432);