/* base/tokens.css — Tokens do tema: cores, raios, sombras, easings e medidas da casca (:root). */
:root {
  --fundo: #f3f4f6; --superficie: #ffffff; --superficie-2: #f9fafb; --vidro: rgba(243,244,246,.72);
  --borda: #e5e7eb; --borda-forte: #d1d5db;
  --tinta: #121212; --texto: #333333; --cinza: #69727d; --cinza-claro: #9aa3ad; --cinza-fraco: #c4cad1;
  --vermelho: #b50808; --vermelho-escuro: #8e0606; --vermelho-claro: #fdeaea; --vermelho-borda: #f3b4b4;
  --verde: #0cc254; --verde-escuro: #0d6e3b; --verde-claro: #e6f9ee; --verde-borda: #a8ecc3;
  --ambar: #c77700; --ambar-claro: #fff4e0; --ambar-borda: #f2d59a;
  --azul: #2f6fd6; --azul-claro: #e9f0fc; --azul-borda: #b7cdf3;
  --roxo: #86198f; --roxo-claro: #f3e8f4; --roxo-borda: #d5afd8;
  --raio: 8px; --raio-md: 12px; --raio-lg: 16px;
  --sombra-1: 0 1px 2px rgba(18,18,18,.04), 0 2px 6px rgba(18,18,18,.05);
  --sombra-2: 0 4px 10px rgba(18,18,18,.06), 0 14px 30px rgba(18,18,18,.08);
  --sombra-3: 0 24px 64px rgba(18,18,18,.18);
  --ease-out: cubic-bezier(.22,1,.36,1); --ease-io: cubic-bezier(.65,0,.35,1);
  --raio-sm: 6px;
  --lateral: 244px; --topo: 64px;
  /* Menu lateral escuro (mesmo desenho do sistema de Estoque). Razões de contraste sobre #121212:
     item .74 = 10,4:1 · grupo .52 = 5,6:1 · papel .55 = 6,2:1 · subtítulo .5 = 5,4:1 · ponto #ff5c5c = 6,2:1. */
  --lateral-fundo: #121212; --lateral-linha: rgba(255,255,255,.1);
  --lateral-texto: rgba(255,255,255,.74); --lateral-grupo: rgba(255,255,255,.52); --lateral-fraco: rgba(255,255,255,.55);
  --lateral-hover: rgba(255,255,255,.07); --lateral-ponto: #ff5c5c;
  color-scheme: light;
}