/**
 * Tokens do design system — INTERFACE.md §2 e §3.
 *
 * Todo contraste aqui foi MEDIDO contra a WCAG 2.2, não estimado.
 * Antes de trocar qualquer cor, medir de novo.
 */
:root {
	/* ---- cores: cinza neutro + vermelho ---- */
	--bg:      #121212; /* fundo                                        */
	--elev:    #1c1c1c; /* cartões, painéis, linhas                     */
	--elev2:   #272727; /* hover, barra de seleção                      */
	--border:  #6e6e6e; /* COMPONENTES: campo, botão, checkbox — 3.34:1 */
	--divisor: #2e2e2e; /* decorativo: divisória — isento da 1.4.11     */

	--text:    #ededed; /* 14.6:1 sobre --elev   AAA */
	--muted:   #b0b0b0; /*  7.9:1 sobre --elev   AAA */

	--accent:  #ff6b6b; /*  6.8:1 sobre --bg     AA  — texto PRETO em cima */
	--foco:    #ffa8a8; /*  9.3:1 — anel de foco     */

	--ok:      #69db7c; /*  9.8:1 AAA — pago / concluído       */
	--alerta:  #ffd43b; /* 12.0:1 AAA — pendente / aguardando  */
	--erro:    #ff8787; /*  7.4:1 AAA — atrasado / erro        */

	/* ---- estado da peça: uma cor por estado ----
	 *
	 * A cor é REDUNDANTE, nunca sozinha (regra 1 / WCAG 1.4.1): todo estado
	 * aparece com ícone + texto. Ela existe pra dar leitura periférica numa
	 * lista longa — bater o olho e ver onde está cada coisa sem ler linha
	 * por linha.
	 *
	 * Contraste MEDIDO sobre --elev (#1c1c1c), todos ≥ 8.6:1 (AAA):
	 *   trânsito laranja · seu estoque branco · verdes = deu certo
	 *   azuis = com o cliente · roxo/rosa = saiu por outro caminho
	 */
	--e-caminho:   #ffb86b; /* 10.0:1 — comprada, ainda não chegou     */
	--e-estoque:   #e9ecef; /* 14.4:1 — parada com você, vendável      */
	--e-leilao:    #66d9e8; /* 10.3:1 — prometida ao leilão, fora do site */
	--e-reservada: #63e6be; /* 11.0:1 — separada pra alguém            */
	--e-vendida:   #69db7c; /*  9.8:1 — dinheiro entrou                */
	--e-aguardando:#ffd43b; /* 12.0:1 — falta VOCÊ enviar              */
	--e-enviada:   #74c0fc; /*  8.7:1 — a caminho do cliente           */
	--e-entregue:  #8ce99a; /* 11.6:1 — chegou, ciclo fechado          */
	--e-trocada:   #d0bfff; /* 10.2:1 — saiu como pagamento de troca   */
	--e-devolvida: #a5d8ff; /* 11.3:1 — voltou pra você                */
	--e-pessoal:   #ffa8a8; /*  9.3:1 — sua coleção, não é do negócio  */

	/* ---- tipografia: base 16px, densidade confortável ---- */
	--fonte:   "Segoe UI", system-ui, -apple-system, sans-serif;
	--fs-sm:   0.875rem; /* 14px — rótulos e legendas, nunca conteúdo */
	--fs-base: 1rem;     /* 16px — corpo, tabelas, campos             */
	--fs-lg:   1.25rem;  /* 20px — títulos de seção                   */
	--fs-xl:   2rem;     /* 32px — números grandes dos cards          */
	--lh:      1.6;

	/* ---- medidas ---- */
	--alvo:    24px; /* alvo mínimo WCAG 2.5.8 (AA) — checkbox e afins */
	--toque:   44px; /* alvo confortável — botões e itens de menu      */
	--raio:    10px;
	--gap:     14px;
}