/* ==========================================================================
   temas/default/tokens.css — as cores e formas do tema padrão.

   DOIS NÍVEIS:
   1. Papéis (--RzDestaque, --RzTexto, --RzSuperficie, --RzBorda…): o que um tema define. Um tema novo
      redefine os papéis e o sistema inteiro acompanha.
   2. Componentes (--RzBtnSubmitBg, --RzGridTitleColumnBg…): apontam para um papel. Um tema só redefine
      um token de componente quando quer fugir da regra para aquele componente.

   ESTE ARQUIVO CARREGA EM TODO TEMA, primeiro: é a reserva de todos os temas. Um tema que não define um
   token herda o valor daqui. O <RzTemaHead /> carrega depois só os tokens.css da cadeia do tema ativo, com
   o mesmo peso de seletor deste (:root:where([data-rz-tema^="nome"])), e por isso eles vencem.

   Quando o valor do papel é uma cor do Bootstrap, o papel aponta para a variável dele (--bs-primary,
   --bs-body-color…): o modo escuro nativo do Bootstrap (data-bs-theme="dark") passa a mover essa cor.

   O QUE NÃO MORA AQUI: seletor de elemento, classe ou componente. Folha de tokens não estiliza tela.

   SOBRESCRITA POR APLICATIVO: o aplicativo redeclara a MESMA variável no rzcss/rz-colors.css dele, que
   carrega depois e vence o tema.
   ========================================================================== */

/* ---- Nível 1: papéis ---------------------------------------------------- */
:root {
    /* Destaque (verde RZ) e seus estados */
    --RzDestaque: #34b18c;
    --RzDestaqueHover: #2f9f7e;
    --RzDestaqueHoverBorda: #2d9878;
    --RzDestaqueAtivo: #2c9677;
    --RzDestaqueAtivoBorda: #2a8e70;
    --RzDestaqueEscuro: #1b765b;
    --RzDestaqueHoverForte: #2c9a79;
    --RzDestaqueAtivoForte: #227a61;
    --RzDestaqueDesabilitado: #a9dccd;
    --RzDestaqueBordaFoco: #7fcbb5;
    --RzDestaqueSelecao: #34b18c33;
    --RzDestaqueSelecaoLeve: #34b18c30;
    --RzDestaqueSombraFoco: rgba(52, 177, 140, 0.5);
    --RzDestaqueSombraFocoLeve: rgba(52, 177, 140, 0.25);
    --RzTextoSobreDestaque: #fff;
    --RzPrimaria: var(--bs-primary);
    --RzPrimariaSelecao: rgba(13, 110, 253, 0.12);

    /* Texto */
    --RzTexto: var(--bs-body-color);
    --RzTextoForte: #000;
    --RzTextoTitulo: #222;
    --RzTextoRotulo: #444;
    --RzTextoSecundario: var(--bs-secondary);
    --RzTextoApagado: rgba(0, 0, 0, .6);
    --RzTextoBarraSuperior: #aeaeae;

    /* Superfícies */
    --RzFundoPagina: #F0F2F5;
    --RzSuperficie: #fff;
    --RzSuperficieSutil: #e5e5e5;
    --RzSuperficieHover: #f2f2f2;
    --RzSuperficieAlternada: #f7f7f7;
    --RzBarraSuperior: #222222d9;
    --RzVeu: rgba(0, 0, 0, .3);

    /* Bordas e foco */
    --RzBorda: #ccc;
    --RzBordaClara: #ddd;
    --RzBordaForte: #808080;
    --RzFoco: #26b050;

    /* Estados semânticos */
    --RzSucesso: var(--bs-success);
    --RzSucessoHover: #157347;
    --RzSucessoAtivo: #146c43;
    --RzSucessoAtivoBorda: #13653f;
    --RzNeutro: var(--bs-secondary);
    --RzNeutroHover: #5c636a;
    --RzNeutroAtivo: #565e64;
    --RzNeutroAtivoBorda: #51585e;
    --RzPerigo: #ff5248;
    --RzPerigoBootstrap: var(--bs-danger);
    /* Excluir (vermelho dos botões de exclusão das grades e do DevExpress) */
    --RzExcluir: #e81123;
    --RzExcluirHover: #c50f1f;
    --RzExcluirBorda: #a4262c;
    --RzExcluirDesabilitado: #f1a0a7;
    --RzExcluirTexto: #f6f7f8;
    --RzExcluirFundoClaro: #f9fafb;
    --RzAvisoFundo: #ffebcc;
    --RzAvisoBorda: #ffe3b8;
    --RzAvisoTexto: #855100;
    --RzInfoFundo: #cce4f7;
    --RzInfoBorda: #b8d9f4;
    --RzInfoTexto: #003e70;

    /* Forma */
    --RzRaio: var(--bs-border-radius);
    --RzSombraSuave: 0 0 12px rgba(0, 0, 0, .09);
    --RzSombraMedia: 0 1px 4px rgba(0, 0, 0, .35);
    --RzSombraForte: 0 12px 32px rgba(0, 0, 0, .22);
}

/* ---- Nível 2: componentes ----------------------------------------------- */
:root {
    /* Página de login */
    --RzPageBackground: var(--RzFundoPagina);
    --RzMainLayoutBarBg: var(--RzBarraSuperior);
    --RzMainLayoutColorTitlePag: var(--RzTextoBarraSuperior);
    --RzFormBackground: var(--RzSuperficie);
    --RzFormImageBackground: var(--RzSuperficie);
    --RzLabel: var(--RzTextoRotulo);
    --RzInput: var(--RzSuperficie);
    --RzOutLine: 1px solid var(--RzFoco);
    --RzLink: var(--RzPrimaria);
    --RzText: #797979;
    --RzTextVersionTitle: var(--RzTextoTitulo);
    --RzTextVersionDet: var(--RzTextoRotulo);
    --RzTitle: var(--RzTexto);
    /* Página inicial */
    --RzTitlePage: var(--RzTextoBarraSuperior);
    --RzNavBar: var(--RzBarraSuperior);
    --RzNameUserColor: var(--RzTextoBarraSuperior);
    --RzIconUserColor: var(--RzTextoBarraSuperior);
    --RzBtnScrollRightBg: #c6c6c680;
    --RzBtnScrollRightColor: var(--RzTextoForte);
    --RzBtnScrollLeftBg: #c6c6c680;
    --RzBtnScrollLeftRightColor: var(--RzTextoForte);
    /* Menu */
    --RzSidemenuItem: var(--RzTexto);
    --RzListItemBg: var(--RzSuperficie);
    /* Botões padrões */
    /* Botão Submit */
    --RzBtnSubmitBg: var(--RzDestaque);
    --RzBtnSubmitColor: var(--RzTextoSobreDestaque);
    /* Botão OK */
    --RzBtnOkBg: var(--RzDestaque);
    --RzBtnOkColor: var(--RzTextoSobreDestaque);
    /* Botão Voltar */
    --RzBtnBackBg: var(--RzSuperficieSutil);
    --RzBtnBackColor: var(--RzTextoForte);
    /* Botão Excluir */
    --RzBtnDeleteBg: var(--RzPerigo);
    --RzBtnDeleteColor: var(--RzTextoSobreDestaque);
    --RzBtnNoDeleteBg: var(--RzDestaque);
    --RzBtnNoDeleteColor: var(--RzTextoSobreDestaque);
    /* Botão Alterar/Editar */
    --RzBtnEditBg: var(--RzDestaque);
    --RzBtnEditColor: var(--RzTextoSobreDestaque);
    /* Botão Novo */
    --RzBtnNewBg: var(--RzDestaque);
    --RzBtnNewColor: var(--RzTextoSobreDestaque);
    /* Botão Copiar */
    --RzButtonCopyBg: var(--RzSuperficieSutil);
    --RzButtonCopyColor: var(--RzTextoSobreDestaque);
    /* Botão Imprimir */
    --RzBtnPrintBg: var(--RzSuperficie);
    --RzBtnPrintColor: var(--RzTexto);
    /* Botão Secundário */
    --RzBtnSecondaryBg: var(--RzDestaque);
    --RzBtnSecondaryColor: var(--RzTextoSobreDestaque);
    /* Vermelho para botões de remoção/ausência/falta */
    --RzBtnDanger: #ff0000;
    /* Botão de aplicar filtro */
    --RzBtnApplyFilterBg: var(--RzDestaque);
    --RzBtnApplyFilterColor: var(--RzTextoSobreDestaque);
    --RzBtnFilterColor: var(--RzTexto);
    --RzBtnFilterBg: var(--RzSuperficie);
    --RzBtnBackFilterColor: var(--RzTexto);
    --RzBtnBackFilterBg: var(--RzSuperficie);
    --RzBtnBackFilterBorderColor: var(--RzSuperficie);
    --RzAccordionLabelInputColor: var(--RzTexto);
    --RzAccordionLabelInputBg: var(--RzSuperficie);
    --RzAccordionBodyBg: var(--RzSuperficie);
    --RzBtnNewFilterColor: var(--RzTexto);
    --RzBtnNewFilterBg: var(--RzSuperficie);
    --RzBtnNewFilterBorderColor: var(--RzSuperficie);
    --RzBtnFilterPrintColor: var(--RzTexto);
    --RzBtnFilterPrintBg: var(--RzSuperficie);
    --RzBtnFilterPrintBorderColor: var(--RzSuperficie);
    /* Botões de grid */
    --RzGridBtnEditBg: var(--RzDestaque);
    --RzGridBtnEditColor: var(--RzTextoSobreDestaque);
    --RzGridTitleColumnBg: var(--RzSuperficieHover);
    --RzGridTitleColumnColor: var(--RzTexto);
    --RzGridItenColumnBg: var(--RzSuperficie);
    --RzGridItenColumnColor: var(--RzTexto);
    --RzGridSelecionarBg: var(--RzDestaque);
    --RzGridSelecionarColor: var(--RzTextoSobreDestaque);
    --RzBtnGridViewBg: var(--RzDestaque);
    --RzBtnGridViewColor: var(--RzTextoSobreDestaque);
    /* Accordion */
    --RzAccordionBg: var(--RzSuperficieSutil);
    --RzAccordionTitle: var(--RzTextoForte);
    --RzAccordionText: var(--RzTextoForte);
    --RzAccordionBtnBg: var(--RzSuperficieSutil);
    /* Cards de atalho da página inicial (acessos recentes) */
    --RzPageShortcutColor: var(--RzTexto);
    --RzPageShortcutBackColor: var(--RzSuperficie);
    --RzPageShortcutBorderColor: var(--RzSuperficie);
    /* Pin de fixar card */
    --RzPinCardFixedBg: var(--RzSuperficie);
    --RzPinCardFixedColor: #333;
    --RzPinCardFixedBorder: var(--RzBorda);
    /* Título de página. Ex.: /configuracoes/servidorDeMail */
    --RzTitleCustomColor: var(--RzTextoTitulo);
    --RzAlertWarningBg: var(--RzAvisoFundo);
    --RzAlertWarningColor: var(--RzAvisoTexto);
    --RzAlertWarningBorderColor: var(--RzAvisoBorda);
    /* Título do gráfico */
    --RzTitleGraphicColor: var(--RzTexto);
    --RzTitleGraphicBg: #212529;
    --RzSubTitleGraphicColor: var(--RzTexto);
    --RzSubTitleGraphicBg: #212529;
    --RzLegendGraphicColor: var(--RzTexto);
    --RzLegendGraphicBg: #212529;
    --RzGraphicBg: #212529;
    /* Modal */
    --RzModalHeaderBg: #222;
    --RzModalHeaderIcon: #ffff00;
    --RzModalHeaderColor: var(--RzTextoTitulo);
    --RzModalHeaderTitle: var(--RzTextoSobreDestaque);
    --RzModalBodyBg: var(--RzSuperficie);
    --RzModalFooterBg: var(--RzSuperficie);
    --RzBtnDropdownPag: #818385;
    --RzNumPageBg: #eee;
    --RzNumPageColor: var(--RzTextoSobreDestaque);
    --RzModalHeaderIconTrash: #e81123;
    /* Toast de sucesso */
    --RzToastSucessBg: var(--RzDestaque);
    --RzToastSucessColor: var(--RzTextoSobreDestaque);
    --RzToastMsgColor: var(--RzTextoSobreDestaque);
    /* Alerta de informação */
    --RzAlertInfoColor: var(--RzInfoTexto);
    --RzAlertInfoBg: var(--RzInfoFundo);
    --RzAlertInfoBorderColor: var(--RzInfoBorda);
    /* Botão gerenciar relatório */
    --RzBtnManageReportColor: var(--RzTexto);
    --RzBtnManageReportBg: var(--RzSuperficie);
    --RzBtnManageReportBorderColor: var(--RzSuperficie);
    /* Estilos especiais nas telas de pedido */
    --RzClientesDarkBackgroundSecondaryColor: #3d3d3d;
    /* Neutros com nome de cor: não seguem o tema */
    --RzWhite: #fff;
    --RzBlack: #000;
    /* Layout / barra lateral */
    --RzSidebarGradientStart: rgb(5, 39, 103);
    --RzSidebarGradientEnd: #3a0647;
    --RzTopRowBg: var(--RzSuperficieAlternada);
    --RzTopRowBorderColor: #d6d5d5;
    /* Botões da tela de relatórios */
    --RzReportButtonBg: #1E1E1E;
    --RzReportButtonColor: var(--RzTextoSobreDestaque);
    --RzReportButtonHoverBg: #cecece;
    --RzReportButtonHoverColor: var(--RzTextoForte);
    --RzReportFolderBg: #F8D775;
    --RzReportFolderColor: var(--RzTextoForte);
    --RzReportFolderHoverBg: #FFE9A2;
    --RzReportFolderHoverColor: var(--RzTextoForte);
    /* Login / registro */
    --RzBrandAccentUnderline: var(--RzDestaque);
    --RzInputBorderColor: var(--RzBorda);
    /* Avisos */
    --RzAvisoNaoLidoBg: #f1f1f1;
    /* Botão OK do aviso (verde brilhante, próprio deste botão) */
    --RzBtnAvisoOkBg: #2BC305;
    --RzBtnAvisoOkColor: var(--RzTextoSobreDestaque);
    --RzBtnAvisoOkActiveBg: #0b5b29;
    --RzBtnAvisoOkActiveBorderColor: #095024;
    /* Botão success (Bootstrap) */
    --RzBtnSuccessBg: var(--RzSucesso);
    --RzBtnSuccessHoverBg: var(--RzSucessoHover);
    --RzBtnSuccessHoverBorderColor: var(--RzSucessoAtivo);
    --RzBtnSuccessActiveBg: var(--RzSucessoAtivo);
    --RzBtnSuccessActiveBorderColor: var(--RzSucessoAtivoBorda);
    /* Botão secundário cinza (Bootstrap secondary) */
    --RzBtnSecondaryGrayColor: var(--RzTextoSobreDestaque);
    --RzBtnSecondaryGrayBg: var(--RzNeutro);
    --RzBtnSecondaryGrayHoverBg: var(--RzNeutroHover);
    --RzBtnSecondaryGrayActiveBg: var(--RzNeutroAtivo);
    --RzBtnSecondaryGrayActiveBorderColor: var(--RzNeutroAtivoBorda);
    /* Estados dos botões de filtro */
    --RzBtnFilterHoverBg: var(--RzSuperficieHover);
    --RzBtnApplyFilterHoverBg: var(--RzDestaqueEscuro);
    /* Estados do botão submit (verde) */
    --RzBtnSubmitHoverBg: var(--RzDestaqueHover);
    --RzBtnSubmitHoverBorderColor: var(--RzDestaqueHoverBorda);
    --RzBtnSubmitActiveBg: var(--RzDestaqueAtivo);
    --RzBtnSubmitActiveBorderColor: var(--RzDestaqueAtivoBorda);
    /* Paginador (azul primário do Bootstrap) */
    --RzPagerActiveBtnBg: var(--RzPrimaria);
    --RzPagerActiveBtnColor: var(--RzTextoSobreDestaque);
    /* Modal de reconexão (App.razor) */
    --RzModalOverlayBg: rgb(0, 0, 0, 0.75);
    --RzReconnectModalTitleColor: var(--RzTextoForte);
    /* Botão branco customizado */
    --RzBtnCustomWhiteBg: var(--RzSuperficie);
    --RzBtnCustomWhiteColor: var(--RzTextoForte);

    /* Componentes da biblioteca com cor própria (antes cor fixa no .razor.css de cada um) */
    --RzChipFundo: #e4e4e4;
    --RzColorPickerIcone: #666;
    --RzColorPickerHoverFundo: #f0f0f0;
    --RzColorPickerHoverBorda: #bbb;
    --RzAvisoCardBorda: #0094ff;
    --RzAvisoCardFundo: #dcbc0b;
    --RzGaleriaBtnFundo: #4CAF50;
    --RzGaleriaBtnFundoHover: #3e8e41;
    --RzSpinEditRealce: rgba(255, 255, 255, .2);
    --RzSpinEditFundo: #1a1a1a;
    --RzSpinEditFundoEscuro: #121212;
    --RzVeuLeve: rgba(0, 0, 0, .05);
    --RzLoadingPrimariaSuave: color-mix(in srgb, var(--RzPrimaria) 15%, transparent);
    --RzPaginacaoTexto: var(--bs-gray-700);
    --RzMenuLateralBorda: rgba(0, 0, 0, .225);

    /* Base da biblioteca (antes cor fixa em base/*.css) */
    --RzBtnPrimaryBg: #1b6ec2;
    --RzBtnPrimaryBorderColor: #1861ac;
    --RzBtnPrimaryColor: var(--RzTextoSobreDestaque);
    --RzBtnSecondaryHoverColor: #212529;
    --RzBtnSecondaryHoverBg: #ececec;
    --RzBtnSecondaryHoverBorderColor: #e6e6e6;
    --RzTarjaErroFundo: lightyellow;
    --RzTarjaErroTexto: var(--bs-body-color);
    --RzBarraRolagem: #bbb;
    --RzBarraRolagemHover: #999;
    --RzBarraRolagemTrilho: rgba(255, 255, 255, 0.8);
    --RzVeuClaro: rgba(255, 255, 255, 0.8);
    --RzSelect2Desabilitado: #f3f2f1;
    /* Editor de HTML (RzHtmlEditor_WYSIWYG) */
    --RzEditorHtmlBorda: #ced4da;
    --RzEditorHtmlBarraFundo: #f4f5f7;
    --RzEditorHtmlBotaoTexto: #333;
    --RzEditorHtmlBotaoHoverFundo: #e2e4e8;
    --RzEditorHtmlBotaoHoverBorda: #c9ccd1;
    --RzEditorHtmlSeparador: #d6d8db;
    --RzEditorHtmlTabelaBorda: #adb5bd;
}