/* icons.css - Project-wide icon styles for Game-Art.Dev CMS */

/* Base icon styles for Font Awesome, Bootstrap Icons, SVG, etc. */
.fa, .fa-fw, .fa-lg, .fa-2x, .fa-3x, .fa-4x, .fa-5x,
.icon, .icon-fw, .icon-lg, .icon-2x, .icon-3x, .icon-4x, .icon-5x {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-style: normal;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Standard icon sizing */
.icon-sm, .fa-sm { font-size: 0.875em; }
.icon-md, .fa-md { font-size: 1.25em; }
.icon-lg, .fa-lg { font-size: 1.5em; }
.icon-xl, .fa-xl { font-size: 2em; }

/* Icon color utilities */
.icon-primary, .fa-primary { color: #33aaff; }
.icon-secondary, .fa-secondary { color: #444; }
.icon-success, .fa-success { color: #28a745; }
.icon-danger, .fa-danger { color: #dc3545; }
.icon-warning, .fa-warning { color: #ffc107; }
.icon-info, .fa-info { color: #17a2b8; }
.icon-light, .fa-light { color: #f8f9fa; }
.icon-dark, .fa-dark { color: #181a1b; }

/* Icon spacing */
.icon-left { margin-right: 8px; }
.icon-right { margin-left: 8px; }

/* Icon-only button utility */
.button-icon .fa, .button-icon .icon {
  font-size: 18px;
  margin: 0;
}

/* SVG icon base styles */
.svg-icon {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  fill: currentColor;
}

/* Add more icon utilities as needed */