title: Change paper-input error color dynamically
body: <p>I have a paper-input element which is colored red when the input is empty to mark an error has happened, but I want this same element to be orange when the user enter an invalid string to make it look like a warning.</p>
  
  <p>I know I can change the color using the predefined properties like this:</p>
  
  <pre><code>paper-input {
    --paper-input-container-invalid-color: orange;
  }
  </code></pre>
  
  <p>But this coloring is applied to any error/invalid state.</p>
  
  <p>Is there a way to change this color dynamically depending on the error type?</p>