:root{
    --verde-claro: #4eb548ff;
    --verde-escuro: #006434ff;
    --color-primary-pastel-01: #c5ebd4;
    --color-primary-pastel-02: #dbfbdccf;
    --color-primary-lighten-01: #2be826ff;
    --color-primary-lighten-02: #5eed59ff;
    --color-primary-lighten-logo-uea: #71bf4f;
    --color-primary-default: #19b413ff;
    --color-primary-darken-01: #126f0cff;
    --color-primary-darken-02: #094107ff;
    --color-primary-darken-logo-uea: #00804a;
    --gray-90: #1b1b1b;
    --gray-80: #333;
    --gray-70: #555;
    --gray-60: #636363;
    --gray-50: #757575;
    --gray-40: #888;
    --gray-30: #adadad;
    --gray-20: #ccc;
    --gray-10: #e6e6e6;
    --gray-5: #f0f0f0;
    --gray-4: #f3f3f3;
    --gray-3: #f6f6f6;
    --gray-2: #f8f8f8;
    --gray-1: #fcfcfc;
}

body{
    /* background-color: var(--gray-5); */
}

/* CSS customizado para radio buttons checados */
.form-check-input:checked {
    background-color: #198754; /* Um exemplo de tom de verde do Bootstrap */
    border-color: #198754; /* Um exemplo de tom de verde do Bootstrap */
    }

    /* CSS customizado para o foco no radio button (quando clicado) */
    .form-check-input:focus {
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); /* A sombra usa RGBA para o tom de verde com transparência */
    }

    /* CSS para o estado de hover nos radio buttons */
    .form-check-input:hover {
    border-color: #14532d; /* Um tom de verde mais escuro para o hover */
    }

    /* CSS customizado para campos de entrada focados */
    .form-control:focus {
    border-color: #198754; /* Um exemplo de tom de verde do Bootstrap */
    box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.25); /* A sombra usa RGBA para o tom de verde com transparência */
    }

    .verde-escuro{
        color: var(--color-primary-default);
        text-decoration: underline;
    }



    @font-face {
        font-family: 'roboto-black-webfont';
        src: url('/Content/font/Roboto/roboto-black-webfont.ttf') format('truetype'), url('/Content/font/Roboto/roboto-black-webfont.woff') format('woff'), url('/Content/font/Roboto/roboto-black-webfont.woff2') format('woff2');
    }
    
    @font-face {
        font-family: 'roboto-regular-webfont';
        src: url('/Content/font/Roboto/roboto-regular-webfont.woff') format('woff'), url('/Content/font/Roboto/roboto-regular-webfont.woff2') format('woff2');
    }

    @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
    
    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }
    