/* ─── ICON SYSTEM ───
   All icons are inline SVG using the site's dark+gold palette.
   Use .icon-[name] classes to apply. No emoji in UI.
   ─────────────────────────────────────────────────────── */

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  flex-shrink: 0;
}

/* Sizing variants */
.icon-sm  { width: 0.75em;  height: 0.75em; }
.icon-md  { width: 1em;     height: 1em; }
.icon-lg  { width: 1.5em;   height: 1.5em; }
.icon-xl  { width: 2.5rem;  height: 2.5rem; }

/* Color: gold */
.icon-gold { color: var(--gold); fill: currentColor; }
/* Color: green (for checkmark trust signals) */
.icon-green { color: var(--green); fill: currentColor; }
/* Color: muted */
.icon-muted { color: var(--muted); fill: currentColor; }

/* Icon in a fixed-size container (like .feat-icon, .area-icon) */
.icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}