 
     [:h2
      {:font-size "1em"
+      :color primary-text-color
       :margin [[0 0 small-spacing 0]]}]
 
     [:.explanation
-     {:color "#999"
+     {:color secondary-text-color
       :font-size "0.75em"
       :margin [[small-spacing 0 0 0]]}
 

     :cursor "pointer"}

    [:&.disabled
     {:background "#ccc"
      :cursor "not-allowed"}]

    [:&::after

      (input-field-mixin)

      [:&:focus
       {:border-color accent-color
        :outline "none"}]]

     ["::-webkit-input-placeholder"
      {:color placeholder-color}]

     ["&&::-moz-placeholder"
      {:color placeholder-color}]]

    [:&.invalid
     ["input[type=text]"
