/**
 * merdata.no — SVG Icon System (Nordic theme)
 * Replaces emoji with clean SVG icons using CSS
 */

/* ══════════════════════════════════════════
   Icon base
══════════════════════════════════════════ */
.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  vertical-align: -0.15em;
  flex-shrink: 0;
}

.icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Size variants */
.icon-sm  { width: 1em; height: 1em; }
.icon-md  { width: 1.5em; height: 1.5em; }
.icon-lg  { width: 2em; height: 2em; }
.icon-xl  { width: 2.5em; height: 2.5em; }
.icon-hero { width: 3rem; height: 3rem; }

/* Color variants */
.icon-teal  { color: var(--teal); }
.icon-blue  { color: var(--blue-light); }
.icon-cyan  { color: var(--cyan); }
.icon-aurora { color: var(--aurora); }
.icon-muted { color: var(--text-muted); }