/* Sitos foodops · tokens · Brandbook 1.0 */
:root {
  /* cor · marca */
  --sitos-cor-primaria: #EC3013;        /* Vermelho Carimbo */
  --sitos-cor-primaria-texto: #AE1800;  /* vermelho para texto pequeno */
  --sitos-cor-apoio: #201E1D;           /* Grafite */

  /* cor · neutros */
  --sitos-cor-papel: #F3F2F2;
  --sitos-cor-superficie: #EAE9E9;
  --sitos-cor-borda: #D7D3D3;
  --sitos-cor-borda-campo: #7D7979;
  --sitos-cor-texto: #201E1D;
  --sitos-cor-texto-suave: #605D5D;
  --sitos-cor-sobre-escuro: #F3F2F2;

  /* cor · semânticas (texto / fundo) */
  --sitos-cor-sucesso: #1E6B34;   --sitos-cor-sucesso-fundo: #E3F0E6;
  --sitos-cor-alerta: #9A5B00;    --sitos-cor-alerta-fundo: #F7ECD9;
  --sitos-cor-perigo: #AE1800;    --sitos-cor-perigo-fundo: #FFE0D9;
  --sitos-cor-info: #2F5A7E;      --sitos-cor-info-fundo: #E2EAF2;

  /* ação */
  --sitos-acao-fundo: var(--sitos-cor-apoio);
  --sitos-acao-texto: var(--sitos-cor-papel);
  --sitos-acao-fundo-hover: #2D2B2B;
  --sitos-acao-destrutiva: var(--sitos-cor-perigo);

  /* tipo */
  --sitos-fonte: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --sitos-peso-texto: 400;
  --sitos-peso-rotulo: 600;
  --sitos-peso-titulo: 800;
  --sitos-tipo-marca: 800 64px/0.94 var(--sitos-fonte);
  --sitos-tipo-tela: 800 32px/1.12 var(--sitos-fonte);
  --sitos-tipo-secao: 800 20px/1.2 var(--sitos-fonte);
  --sitos-tipo-corpo: 400 15px/1.6 var(--sitos-fonte);
  --sitos-tipo-numero: 600 48px/1 var(--sitos-fonte);
  --sitos-tipo-legenda: 400 12px/1.33 var(--sitos-fonte);
  --sitos-tipo-botao: 800 14px/1.43 var(--sitos-fonte);
  --sitos-numero: tabular-nums;    /* font-variant-numeric */
  --sitos-tracking-titulo: -0.02em;

  /* espaço · grid de 8 */
  --sitos-espaco-1: 4px;  --sitos-espaco-2: 8px;  --sitos-espaco-3: 12px;
  --sitos-espaco-4: 16px; --sitos-espaco-6: 24px; --sitos-espaco-8: 32px;
  --sitos-espaco-12: 48px; --sitos-espaco-16: 64px;
  --sitos-alvo-toque: 48px;
  --sitos-linha-tabela: 40px;

  /* forma */
  --sitos-raio: 6px;          /* componentes: botão, campo, cartão, aviso */
  --sitos-raio-pequeno: 4px;  /* etiquetas */
  --sitos-raio-simbolo: 0;    /* o símbolo continua quadrado */
  --sitos-linha-fina: 1px solid var(--sitos-cor-borda);
  --sitos-linha-secao: 2px solid var(--sitos-cor-apoio);
  --sitos-sombra-menu: 0 3px 10px rgb(45 43 43 / 0.16);
  --sitos-sombra-dialogo: 0 12px 32px rgb(45 43 43 / 0.22);

  /* foco */
  --sitos-foco: 2px solid var(--sitos-cor-primaria);
  --sitos-foco-recuo: 2px;

  /* movimento */
  --sitos-duracao-estado: 120ms;
  --sitos-duracao-painel: 200ms;
  --sitos-curva: cubic-bezier(0.2, 0, 0, 1);
}

/* tema escuro de salão: inverter só estes */
[data-tema="salao"] {
  --sitos-cor-papel: #161514;
  --sitos-cor-superficie: #201E1D;
  --sitos-cor-borda: #3A3837;
  --sitos-cor-borda-campo: #9C9897;
  --sitos-cor-texto: #E8E6E5;
  --sitos-cor-texto-suave: #A8A4A3;
  --sitos-cor-primaria-texto: #FF6A50;
  --sitos-cor-perigo: #FF6A50;
  --sitos-acao-fundo: #E8E6E5;
  --sitos-acao-texto: #161514;
}

@media (prefers-reduced-motion: reduce) {
  :root { --sitos-duracao-estado: 0ms; --sitos-duracao-painel: 0ms; }
}