/*
 * Tokens de design do IS PDV — docs/PRD_IS_PDV_v2_WORKSPACE_UNICO.md §4 (v2.1).
 * Fonte única de cor/forma/ritmo/tipografia. Nenhuma cor pode ser hardcoded
 * em template ou CSS de componente — sempre var(--token).
 *
 * Paleta corrigida em 27/08/2026 (v2.1) — extraída por amostragem de pixel de
 * docs/referencias-visuais/Frente de caixa 1/2.png e Finalizar venda 1.png.
 * Substitui a paleta turquesa/navy/vinho da v2.0 por completo, inclusive na
 * tela Início — não há mais superfície escura fixa em nenhuma tela.
 *
 * Divisão de papéis das cores de acento (não misturar):
 *   azul  (--blue-*)  = navegação, ação primária, estado ativo, foco
 *   verde (--green-*) = confirmação positiva (finalizar, concluir) — nunca navegação
 *   vermelho (--danger) = remover, cancelar, ruptura
 *   âmbar (--warning)   = atenção, pendência, exceção
 * Dinheiro (preço, total) não tem cor dedicada — é --text-900 em negrito com
 * tabular-nums, ou branco quando o fundo já é --blue-500.
 */
:root {
  /* Superfícies — claras em toda parte, do cabeçalho ao conteúdo */
  --bg: #F2F6FB;      /* fundo da aplicação — cinza bem claro, quase branco */
  --surface: #FFFFFF; /* cards, cabeçalho, modais, drawer */
  --border: #E2E6EC;

  /* Acento primário — azul: navegação, ação primária, estado ativo, foco */
  --blue-600: #0052C7; /* hover / pressed */
  --blue-500: #0061E0; /* padrão */
  --blue-050: #EAF2FF; /* painel informativo, fundo de destaque leve */

  /* Azul-marinho escuro da marca (static/img/is-pdv-marca.png) — mesmo tom
     já usado como sombra dos cards (rgb(11,18,32)) em home.css. Vira token
     pra servir de base ao "vidro escuro" dos cards da Início: um card claro
     sobre esse fundo lia como um retângulo solto flutuando por cima; um
     card derivado do próprio tom do fundo se integra a ele. */
  --navy-900: #0B1220;

  /* Acento de confirmação — verde: finalizar, concluir, positivo */
  --green-600: #00875F;
  --green-500: #00A07A;
  --green-050: #E3F8F1;

  /* Semântica */
  --success: var(--green-500); /* alias — mesmo papel de "positivo" do verde acima */
  --warning: #D97706;
  --warning-050: #FDF3E0;
  --danger: #DC2626;
  --danger-050: #FDECEC;

  /* Categórico — só pra diferenciar módulos na grade da Início
     visualmente (static/css/home.css). Sem papel de ação: azul/verde/
     vermelho/âmbar acima continuam com o significado fixo da "divisão
     de papéis" (nunca usar --categoria-* pra confirmação/destrutivo). */
  --categoria-laranja-600: #C2410C;
  --categoria-laranja-050: #FFF1E8;
  --categoria-roxo-600: #7C3AED;
  --categoria-roxo-050: #F3E8FF;
  --categoria-teal-600: #0D9488;
  --categoria-teal-050: #E6FFFB;

  /* Texto — herdado da v1.0 */
  --text-900: #0F172A;
  --text-600: #475569;
  --text-400: #94A3B8;

  /* Forma */
  --radius-card: 12px;
  --radius-input: 8px;
  --radius-pill: 999px;

  /* Ritmo — escala 4px */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* Tipografia */
  --font-ui: 'Inter', system-ui, -apple-system, sans-serif;
  --font-num: 'Inter', ui-monospace, monospace; /* font-variant-numeric: tabular-nums */

  /* Dimensões estruturais — §2.2 e §3.1 do adendo */
  --shell-height: 52px;
  --statusbar-height: 28px;
  --pdv-header-height: 48px;
  --pdv-shortcuts-height: 44px;
  --drawer-width: 420px;
  --card-min-width: 180px;
  --card-min-height: 140px;
  --touch-target-min: 44px;
}