/*
 * icons.css - utilitario de icone FitToo (TASK-016).
 * Os simbolos vivem em core/templates/icons/_sprite.html (export: static/icons/sprite.svg).
 * Recolor por currentColor: a cor do icone vem da propriedade `color` do contexto.
 */

.icon {
  display: inline-block;
  flex: none;
  vertical-align: middle;
  color: inherit;
  width: var(--icon-size, 1.5rem);
  height: var(--icon-size, 1.5rem);
}

/* Tamanhos utilitarios (sobrepoem o default via custom property) */
.icon-sm { --icon-size: 1rem; }    /* 16px */
.icon-md { --icon-size: 1.5rem; }  /* 24px */
.icon-lg { --icon-size: 2rem; }    /* 32px */
.icon-xl { --icon-size: 2.5rem; }  /* 40px */

/* Cores semanticas (status do orcamento = linguagem visual da marca) */
.icon-primary { color: var(--color-primary); }
.icon-success { color: var(--color-success); }
.icon-warning { color: var(--color-warning); }
.icon-error   { color: var(--color-error); }
.icon-info    { color: var(--color-info); }
.icon-muted   { color: var(--color-text-muted); }