/* ============================================================
   Race to Dunstanburgh — SVG Icon System
   All icons are flat, single-colour, consistent stroke weight
   Usage: <span class="icon icon-trophy"></span>
   ============================================================ */

.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.icon svg {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
/* Size variants */
.icon-sm  svg { width: 16px; height: 16px; }
.icon-md  svg { width: 20px; height: 20px; }
.icon-lg  svg { width: 24px; height: 24px; }
.icon-xl  svg { width: 32px; height: 32px; }
.icon-nav svg { width: 22px; height: 22px; }

/* Colour helpers */
.icon-blue  { color: var(--blue); }
.icon-navy  { color: var(--navy); }
.icon-white { color: #ffffff; }
.icon-green { color: var(--green); }
.icon-gold  { color: var(--gold); }
.icon-red   { color: var(--red); }
.icon-muted { color: var(--gray-500); }