       (input-field-mixin)
 
       [:&:focus
-       {:border-color braid-color
+       {:border-color accent-color
         :outline "none"}]]
 
      ["::-webkit-input-placeholder"
-      {:color "#eee"}]]
+      {:color placeholder-color}]
+
+     ["&&::-moz-placeholder"
+      {:color placeholder-color}]]
 
     [:&.invalid
      ["input[type=text]"


     [:label
      {:margin [[small-spacing 0]]
       :border "1px solid #eee"
       :padding [["0.75rem" "1rem" "1.0rem"]]
       :border-radius border-radius
       :position "relative"


    [:h2
     {:font-size "1em"
      :color primary-text-color
      :margin [[0 0 small-spacing 0]]}]

    [:.explanation
     {:color secondary-text-color
      :font-size "0.75em"
      :margin [[small-spacing 0 0 0]]}

