/* MLH Client Portal — icons.css
 * Utility CSS for the Embassy Garden Ledger icon family.
 * Icons are SVG sprites referenced via <use href="/shared/icons.svg#id">.
 * Stroke-based, hairline 1.25, currentColor — colour follows ambient text.
 */

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
}

/* Tone */
.icon-gold  { color: var(--gold); }
.icon-ink   { color: var(--ink); }
.icon-paper { color: var(--paper); }

/* Size */
.icon-sm { width: 14px; height: 14px; }
.icon-md { width: 20px; height: 20px; }
.icon-lg { width: 32px; height: 32px; }

/* Inline label pairing — "icon + text" rows */
.icon-row {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}

/* Engraved hairline matched to type — slightly heavier on small sizes
   so the line doesn't disappear at 14px on retina. */
.icon-sm { stroke-width: 1.4; }