title: Are css variables slowing website?
body: <p>If i have css with variable like this</p>
  
  <pre><code>:root {
      --my-red-color:#ad082a;
  }
  p{
      color:var(--my-red-color);
  }
  h1{
      color:var(--my-red-color);
  }
  </code></pre>
  
  <p>Is it slower than approach without variables?</p>
  
  <p>And if so, should we use variables?</p>
  
  <p>I don't need it for anything, I am just curious.</p>