/* Continuum Health AI — icon helper class.
 *
 * Use:  <svg class="ic"><use href="/assets/icons.svg#ic-NAME"/></svg>
 *
 * The sprite at /assets/icons.svg is cached after the first request; each
 * subsequent <use> reference adds ~60 bytes to the page. Icons inherit the
 * surrounding text color via currentColor on stroke.
 *
 * Size variants:
 *   .ic           1em × 1em  (default, scales with parent font-size)
 *   .ic-sm        12px       (inline within fine print)
 *   .ic-md        20px       (default UI controls)
 *   .ic-lg        28px       (hero, primary CTA accents)
 *   .ic-xl        40px       (feature card hero)
 *   .ic-2xl       64px       (eyebrow / decorative)
 */
.ic {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: -0.15em;
  fill: none;
  stroke: currentColor;
}
.ic-sm   { width: 12px; height: 12px; vertical-align: -2px; }
.ic-md   { width: 20px; height: 20px; vertical-align: -4px; }
.ic-lg   { width: 28px; height: 28px; vertical-align: -6px; }
.ic-xl   { width: 40px; height: 40px; vertical-align: -10px; }
.ic-2xl  { width: 64px; height: 64px; vertical-align: -16px; }

/* When an icon needs to color-swap on hover or state, set color on the
 * parent element — the icon inherits via currentColor on stroke. */
.ic-teal     { color: var(--teal, #00b37e); }
.ic-muted    { color: var(--text-muted, #4a5568); }
.ic-danger   { color: #ef4444; }
.ic-warn     { color: #f59e0b; }
.ic-success  { color: #10b981; }