/* ==========================================================================
   AZ TRIBUTÁRIO — tokens de cor e tipografia
   Padrão fixado em 27/08/2026. Vale para qualquer sistema da casa.

   Como usar: cole este arquivo no projeto e importe uma vez, antes do resto
   do CSS. Depois use sempre var(--az-...) — nunca hex solto no componente.

   REGRA INEGOCIÁVEL: não existe vermelho na paleta. Alerta e pendência usam
   o ouro; situação encerrada ou neutra usa o cinza. Vermelho assusta cliente
   em relatório tributário, e a marca foi construída para o contrário disso.
   ========================================================================== */

:root {
  /* ---------------------------------------------------------- superfícies */
  --az-platina: #e8eaed; /* fundo claro, tom de cima do gradiente */
  --az-platina-fundo: #d3d8de; /* fundo claro, tom de baixo */
  --az-grafite: #0c141c; /* fundo escuro (login, barra lateral) */
  --az-grafite-claro: #16222e; /* elevação sobre o grafite */

  /* -------------------------------------------------------- institucionais */
  --az-marinho: #0b2545; /* cor primária: títulos, cabeçalho, botão */
  --az-azul: #1a4a7a; /* ação secundária, links, estado ativo */
  --az-azul-claro: #2f6ba5; /* série de gráfico, hover */
  --az-ouro: #b8873b; /* acento, filete, destaque, alerta */
  --az-ouro-claro: #d6a852; /* ouro sobre fundo escuro */
  --az-palha: #a9bacd; /* texto secundário sobre fundo escuro */

  /* ------------------------------------------- grau de segurança da tese */
  /* Vocabulário da casa: chama-se OPORTUNIDADE, nunca "tese".             */
  --az-consolidada: #1f7a5c; /* jurisprudência firme, risco baixo */
  --az-defensavel: #b8873b; /* sustentável, risco médio */
  --az-construtiva: #6c7d8f; /* interpretação nova, risco maior */

  /* --------------------------------------------------------------- texto */
  --az-tinta: #1e2429; /* corpo */
  --az-tinta-suave: #4a5866; /* apoio */
  --az-tinta-fraca: #77848f; /* rótulo, legenda */

  /* --------------------------------------------------------------- linhas */
  --az-linha: #c3cad3; /* borda de campo, divisória forte */
  --az-linha-suave: #dfe3e8; /* divisória interna de lista */

  /* ---------------------------------------------------------- tipografia */
  /* Sistema A. As reservas existem porque Sitka, Corbel e Bahnschrift são
     fontes do Windows: no celular do cliente elas não existem.            */
  --az-fonte-titulo: "Sitka Heading", "Sitka Text", Georgia, "Times New Roman", serif;
  --az-fonte-corpo: Corbel, "Segoe UI", system-ui, -apple-system, sans-serif;
  --az-fonte-numero: Bahnschrift, "DIN Alternate", "Segoe UI", Consolas, sans-serif;

  --az-raio: 0.5rem;
}

/* --------------------------------------------------------------------------
   Superfície clara com profundidade.
   Chapado o cinza fica seco; o gradiente com luz no canto superior esquerdo e
   vinheta fria no inferior direito é o que dá o aspecto de papel de qualidade.
   -------------------------------------------------------------------------- */
.az-superficie-clara {
  background-color: var(--az-platina-fundo);
  background-image:
    radial-gradient(120% 90% at 8% 0%, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 55%),
    radial-gradient(100% 80% at 100% 100%, rgba(11, 37, 69, 0.14) 0%, rgba(11, 37, 69, 0) 60%),
    linear-gradient(160deg, var(--az-platina) 0%, var(--az-platina-fundo) 100%);
  color: var(--az-tinta);
}

.az-superficie-escura {
  background-color: var(--az-grafite);
  background-image: radial-gradient(
    120% 80% at 10% 0%,
    rgba(26, 74, 122, 0.35) 0%,
    rgba(12, 20, 28, 0) 60%
  );
  color: #fff;
}

/* Cartão padrão: branco translúcido sobre a platina. */
.az-cartao {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid var(--az-linha-suave);
  border-radius: var(--az-raio);
  box-shadow:
    0 1px 2px rgba(12, 20, 28, 0.04),
    0 8px 24px -16px rgba(12, 20, 28, 0.28);
}

/* Filete ouro: assinatura da marca. 3px, sempre no topo do bloco. */
.az-filete {
  border-top: 3px solid var(--az-ouro);
}

/* Tipografia */
.az-titulo {
  font-family: var(--az-fonte-titulo);
  letter-spacing: -0.01em;
  color: var(--az-marinho);
}

.az-corpo {
  font-family: var(--az-fonte-corpo);
}

/* Números sempre tabulares: coluna de valores tem que alinhar na vírgula. */
.az-numero {
  font-family: var(--az-fonte-numero);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* --------------------------------------------------------------------------
   Série de cores para gráfico, nesta ordem.
   Ordem pensada para manter contraste entre fatias vizinhas.
   -------------------------------------------------------------------------- */
:root {
  --az-serie-1: #0b2545;
  --az-serie-2: #1a4a7a;
  --az-serie-3: #2f6ba5;
  --az-serie-4: #b8873b;
  --az-serie-5: #1f7a5c;
  --az-serie-6: #6c7d8f;
  --az-serie-7: #a9bacd;
  --az-serie-8: #d6a852;
}