/* SVG icon system — used with assets/icons.svg sprite */
.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: middle;
  flex-shrink: 0;
}
.icon--xs { width: 12px; height: 12px; }
.icon--sm { width: 16px; height: 16px; }
.icon--md { width: 24px; height: 24px; }
.icon--lg { width: 32px; height: 32px; }
.icon--xl { width: 40px; height: 40px; }

/* Icon fills */
.icon--fill { fill: currentColor; stroke: none; }

/* Icon colors */
.icon--success { color: var(--green); }
.icon--danger { color: var(--red); }
.icon--warning { color: var(--gold); }
.icon--primary { color: var(--cyan); }
.icon--purple { color: var(--purple); }
.icon--muted { color: var(--text2); }

/* Slot reel symbols — larger, filled icons */
.icon--slot {
  width: 36px;
  height: 36px;
  fill: currentColor;
  stroke: none;
}