/* icons.css — Inline SVG icon definitions via data URIs and reusable icon classes */

/* All icons are rendered inline via JS (see icons.js) */
/* This file defines icon-related utility classes */

.icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.icon-sm svg  { width: 14px; height: 14px; }
.icon-md svg  { width: 18px; height: 18px; }
.icon-lg svg  { width: 22px; height: 22px; }
.icon-xl svg  { width: 28px; height: 28px; }

.icon-white svg  { stroke: rgba(255,255,255,0.85); }
.icon-muted svg  { stroke: #6090a8; }
.icon-sky svg    { stroke: #3a8ab8; }
.icon-gold svg   { stroke: #c9a84c; }
.icon-pink svg   { stroke: #c878a8; }
.icon-rose svg   { stroke: #b04060; }
.icon-heading svg{ stroke: #1a5070; }

.icon-fill-white svg  { fill: rgba(255,255,255,0.85); stroke: none; }
.icon-fill-gold svg   { fill: #c9a84c; stroke: none; }
.icon-fill-sky svg    { fill: #3a8ab8; stroke: none; }