title: Use CSS variables with rgba for gradient transparency
body: <p>Is there a way to use CSS variables when specifying gradient colors with transparency, e.g.</p>
  
  <pre><code>:root {
    --accent-color: #dfd0a5;
  }
  
  h1{
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(red(var(--accent-color)), green(var(--accent-color)), blue(var(--accent-color)), 1));
  }
  </code></pre>