/**
 * CogniSafe - SVG Icons Library
 * Flat design icons in inline SVG format
 */

/* Icon base styles */
.svg-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  fill: currentColor;
  vertical-align: middle;
}

.svg-icon-sm { width: 16px; height: 16px; }
.svg-icon-md { width: 24px; height: 24px; }
.svg-icon-lg { width: 32px; height: 32px; }
.svg-icon-xl { width: 48px; height: 48px; }

/* Icon container for backgrounds */
.icon-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  background-color: var(--brand-orange-50);
  color: var(--brand-orange);
}

.icon-container-lg {
  width: 64px;
  height: 64px;
}

.icon-container-xl {
  width: 80px;
  height: 80px;
}