Accessible colors

- switched $leman to $canard
- added $canard-dark color

assets/components/atoms/button/button.scss

@@ -124,30 +124,30 @@ input[type="button"] {
 }
 
 .btn-tertiary {
-  background: $leman;
+  background: $canard;
   font-weight: $font-weight-bold;
   color: $white;
 
   &:hover,
   &.hover {
-    background: $canard;
-    border-color: $canard;
+    background: $canard-dark;
+    border-color: $canard-dark;
     color: $white;
   }
 
   &:focus,
   &:focus-visible,
   &.focus {
-    outline-color: $canard !important;
+    outline-color: $canard-dark !important;
     color: $white;
   }
 
   &:not(:disabled):not(.disabled):active,
   &:not(:disabled):not(.disabled).active {
     // ugly ↓
-    // background: linear-gradient(to bottom, $canard 0%, $red 100%);
-    background: color.adjust($canard, $lightness: -10%);
-    border-color: color.adjust($canard, $lightness: -10%);
+    // background: linear-gradient(to bottom, $canard-dark 0%, $red 100%);
+    background: color.adjust($canard-dark, $lightness: -10%);
+    border-color: color.adjust($canard-dark, $lightness: -10%);
   }
 
   &:disabled,

assets/config/bootstrap-variables.scss

@@ -10,15 +10,16 @@
 //
 
 // stylelint-disable
-$white:    #fff !default;
-$gray-100: #e6e6e6 !default;
-$gray-200: #d5d5d5 !default;
-$gray-300: #c1c1c1 !default;
-$gray-500: #8e8e8e !default;
-$gray-600: #707070 !default;
-$black:    #212121 !default;
-$leman:    #00A79F !default;
-$canard:   #007480 !default;
+$white:       #fff !default;
+$gray-100:    #e6e6e6 !default;
+$gray-200:    #d5d5d5 !default;
+$gray-300:    #c1c1c1 !default;
+$gray-500:    #8e8e8e !default;
+$gray-600:    #707070 !default;
+$black:       #212121 !default;
+$leman:       #00A79F !default;
+$canard:      #007480 !default;
+$canard-dark: #004248 !default;
 
 $grays: () !default;
 $grays: map-merge((