/* SDDNI Icon System v1.0 */
:root {
  --sddni-icon-primary: #2563EB;
  --sddni-icon-secondary: #16A34A;
  --sddni-icon-monochrome: #0F172A;
}

.sddni-icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--sddni-icon-primary);
  --sddni-icon-secondary: #16A34A;
  vertical-align: middle;
  overflow: visible;
}

.sddni-icon--16 { width: 16px; height: 16px; }
.sddni-icon--20 { width: 20px; height: 20px; }
.sddni-icon--24 { width: 24px; height: 24px; }
.sddni-icon--28 { width: 28px; height: 28px; }
.sddni-icon--32 { width: 32px; height: 32px; }
.sddni-icon--48 { width: 48px; height: 48px; }
.sddni-icon--64 { width: 64px; height: 64px; }

.sddni-icon--mono {
  color: var(--sddni-icon-monochrome);
  --sddni-icon-secondary: currentColor;
}

.sddni-icon--green {
  color: #16A34A;
  --sddni-icon-secondary: #2563EB;
}

/* Usage:
<svg class="sddni-icon sddni-icon--24" aria-hidden="true">
  <use href="/icons/icons.svg#sddni-orders"></use>
</svg>
*/