use color-border-info now that purple is no longer part of primer

Author: sarahs

layouts/generic-toc.html

@@ -35,7 +35,7 @@ <h1 class="border-bottom-0">{{ page.title }}</h1>
           {% endif %}
 
           {% if page.product %}
-            <div class="product-callout border rounded-1 mb-4 p-3 border-purple bg-purple-light">
+            <div class="product-callout border rounded-1 mb-4 p-3 color-border-info color-bg-info">
             {{ page.product }}
             </div>
           {% endif %}