:root {
    /* Paleta personalizada */
    --primaryColor: #e21b1b; /* Cor principal (marca) */
    --secondaryColor: #cc1f1f; /* Variante secundária da marca */
    --darkColor: #000000;
    --midDarkColor: #2f313a;
    --grayColor: #444444;
    --midGrayColor: #ebebeb;
    --lightColor: #f6f6f7;
    --dangerColor: #dc3545;
    --warningColor: #ff8f30;
    --successColor: #3aaa97;
    /* Estilo geral */
    --bgMain: var(--lightColor);
    --bgSecondary: #ffffff;
    --fcNegative: #ffffff;
    --fcBase: var(--grayColor);
    --bgAside: var(--primaryColor); /* fundo do menu lateral */
    --bgMenuActive: var(--secondaryColor); /* fundo do item selecionado */
    --bcMenuActive: var(--fcNegative); /* borda ativa do item */
    --bcInput: var(--midGrayColor);
    --bcInputHover: var(--primaryColor);
    --bgInputHover: var(--primaryColor);
    --fcInputHover: var(--fcNegative);
    /* Tabela */
    --bcTable: var(--midGrayColor);
    --bgTable: var(--bgSecondary);
    --bgTableSecondary: var(--midGrayColor);
    --bgTableButton: var(--bgSecondary);
    /* Botão */
    --bgButton: var(--secondaryColor);
    /* Imagem da logo (ajuste o caminho conforme necessário) */
    --logoImageUrl: url('/logo.png');
    /* Backgrounds com gradientes opcionais */
    --bgImageDarken: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    --bgImageLigthen: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
}