/* ============================================================================
   Cantoário WMS — Radzen ligado aos tokens

   O tema `standard` do Radzen traz a própria paleta. Sem este arquivo, botão,
   campo, alerta e indicador do Radzen usam a cor do tema, e não a da marca —
   e a promessa central do design system ("trocar a marca é trocar um arquivo,
   não oitenta telas") deixa de valer justamente nos componentes que aparecem
   em toda tela.

   Aqui não se define valor: só se aponta a variável do Radzen para o token que
   já existe em design-system.css. Valor novo nasce lá, nunca aqui.

   Ordem de importação: tema do Radzen → design-system.css → este arquivo.
   ============================================================================ */

:root {
    /* --- Marca e ação ---------------------------------------------------- */

    --rz-primary: var(--cor-primaria-600);
    --rz-primary-light: var(--cor-primaria-400);
    --rz-primary-lighter: var(--cor-primaria-100);
    --rz-primary-dark: var(--cor-primaria-700);
    --rz-primary-darker: var(--cor-primaria-800);
    --rz-primary-contrast-text: var(--cor-marca-contraste);

    --rz-secondary: var(--cor-neutra-500);
    --rz-secondary-dark: var(--cor-neutra-700);
    --rz-secondary-contrast-text: var(--cor-texto-invertido);

    /* --- Retorno de ação -------------------------------------------------
       Resultado do que o usuário fez. Nunca estado de mercadoria: para isso
       existem os tokens --cor-status-*, que nenhum componente Radzen usa. */

    --rz-success: var(--cor-sucesso);
    --rz-success-contrast-text: var(--cor-texto-invertido);
    --rz-info: var(--cor-info);
    --rz-info-contrast-text: var(--cor-texto-invertido);
    --rz-warning: var(--cor-aviso);
    --rz-warning-contrast-text: var(--cor-texto-invertido);
    --rz-danger: var(--cor-erro);
    --rz-danger-contrast-text: var(--cor-texto-invertido);

    /* --- Superfície e texto ---------------------------------------------- */

    --rz-base-background-color: var(--cor-fundo-pagina);
    --rz-base-050: var(--cor-neutra-050);
    --rz-base-100: var(--cor-neutra-100);
    --rz-base-200: var(--cor-neutra-200);
    --rz-base-300: var(--cor-neutra-300);
    --rz-base-400: var(--cor-neutra-400);
    --rz-base-500: var(--cor-neutra-500);
    --rz-base-700: var(--cor-neutra-700);
    --rz-base-800: var(--cor-neutra-800);
    --rz-base-900: var(--cor-neutra-900);

    --rz-text-color: var(--cor-texto);
    --rz-text-secondary-color: var(--cor-texto-secundario);
    --rz-text-disabled-color: var(--cor-texto-tenue);
    --rz-text-contrast-color: var(--cor-texto-invertido);

    --rz-border-color: var(--cor-borda);
    --rz-panel-background-color: var(--cor-fundo-superficie);
    --rz-input-background-color: var(--cor-fundo-elevado);

    /* --- Tipografia -------------------------------------------------------
       A pilha do sistema, e não a serifada do wordmark: serifada em grid denso
       cansa, e numeral de fonte display costuma não ser tabular, o que quebra o
       alinhamento de coluna de que a conferência depende. */

    --rz-text-font-family: var(--fonte-base);
    --rz-text-font-size: var(--fonte-tam-md);

    /* --- Forma ----------------------------------------------------------- */

    --rz-border-radius: var(--raio-md);
    --rz-shadow-1: var(--sombra-1);
    --rz-shadow-2: var(--sombra-2);
    --rz-shadow-3: var(--sombra-3);

    /* --- Foco -------------------------------------------------------------
       O operador navega muito mais por teclado que por mouse. O anel do Radzen
       passa a ser o mesmo do resto do sistema. */

    --rz-outline-color: var(--foco-cor);
    --rz-outline-width: var(--foco-largura);

    /* --- Séries de gráfico -------------------------------------------------
       As cores das séries também saem dos tokens: assim o gráfico acompanha o
       tema como o resto, e o componente não declara cor literal nenhuma.

       Sequência escolhida para as séries se distinguirem entre si — matizes
       afastadas, não degraus da mesma. Série vizinha em tom parecido some no
       empilhado e no monitor descalibrado do galpão.

       Quando a série É um status de mercadoria, o gráfico usa a paleta de
       status diretamente, e não esta: o chip e a fatia precisam ser a mesma
       cor, senão o mesmo dado se lê de dois jeitos na mesma tela. */

    --rz-series-1: var(--cor-primaria-500);
    --rz-series-2: var(--cor-status-inspecao);
    --rz-series-3: var(--cor-status-liberado);
    --rz-series-4: var(--cor-status-quarentena);
    --rz-series-5: var(--cor-status-devolvido);
    --rz-series-6: var(--cor-status-avariado);
    --rz-series-7: var(--cor-primaria-300);
    --rz-series-8: var(--cor-status-bloqueado);
}