/* Team Tactix - Icon System */

.icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
}

.icon-sm {
  width: 1rem;
  height: 1rem;
}

.icon-md {
  width: 1.5rem;
  height: 1.5rem;
}

.icon-lg {
  width: 2rem;
  height: 2rem;
}

.icon-xl {
  width: 3rem;
  height: 3rem;
}

.icon-2xl {
  width: 4rem;
  height: 4rem;
}

.icon-primary {
  color: var(--primary-green);
}

.icon-gold {
  color: var(--accent-gold);
}

.icon-success {
  color: var(--success);
}

.icon-error {
  color: var(--error);
}

.icon-warning {
  color: var(--warning);
}

.icon-white {
  color: #FFFFFF;
}

/* Icon usage example:
<svg class="icon icon-lg icon-gold">
  <use href="/images/icons.svg#icon-trophy"></use>
</svg>
*/