/* ============================================================
   Icon system — file-based SVG icons via anstahl_svg()
   Used alongside the inline anstahl_icon() array (legacy).
   ============================================================ */

/* Base class applied to every <svg> rendered by anstahl_svg() */
.anstahl-icon {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  min-width: 1em;
  overflow: visible;
  /* Default stroke colour inherits from context */
}

/* Explicit size variants (px-based, overrides the 1em default) */
.anstahl-icon--14 { width: 14px; height: 14px; }
.anstahl-icon--16 { width: 16px; height: 16px; }
.anstahl-icon--18 { width: 18px; height: 18px; }
.anstahl-icon--20 { width: 20px; height: 20px; }
.anstahl-icon--24 { width: 24px; height: 24px; }
.anstahl-icon--32 { width: 32px; height: 32px; }

/* Colour helpers — use CSS custom properties from the design system */
.anstahl-icon--accent   { color: var(--color-accent); }
.anstahl-icon--muted    { color: var(--color-text-muted, rgba(255,255,255,0.55)); }
.anstahl-icon--success  { color: var(--color-success, #4caf50); }
.anstahl-icon--warning  { color: var(--color-warning, #ff9800); }
.anstahl-icon--error    { color: var(--color-error, #f44336); }
.anstahl-icon--inherit  { color: inherit; }

.anstahl-nav-icon,
.anstahl-contact-icon,
.anstahl-card-icon,
.anstahl-nav-chevron,
.anstahl-nav-toggle-icon {
  display: block;
  color: currentColor;
}

.anstahl-icon-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}