:root {
    /* BOOTSTRAP */
    --bs-green-100: #d1e7dd;
    --bs-green-200: #a3cfbb;
    --bs-green-400: #75b798;
    --bs-green-400: #479f76;
    --bs-green-500: #198754;
    --bs-green-600: #146c43;
    --bs-green-700: #0f5132;
    --bs-green-800: #0a3622;
    --bs-green-900: #051b11;
    
    --bs-red-100: #f8d7da;
    --bs-red-200: #f1aeb5;
    --bs-red-400: #ea868f;
    --bs-red-400: #e35d6a;
    --bs-red-500: #dc3545;
    --bs-red-600: #b02a37;
    --bs-red-700: #842029;
    --bs-red-800: #58151c;
    --bs-red-900: #2c0b0e;


    /* KRYZALIS */
    --kry-laranja: #EA5A16;
    --kry-text-on-laranja: #FFFFFF;
    --kry-text-hover-on-laranja: #000000;
}

body {
    --bs-body-font-family: "Mulish", sans-serif;
    --bs-body-font-size: clamp(1rem, 0.8438rem + 0.5vw, 1.125rem);
    font-optical-sizing: auto;
}

.btn-outline-orange,
.btn-outline-laranja
{
    --bs-btn-border-color: var(--kry-laranja);
    --bs-btn-color: var(--kry-laranja);

    --bs-btn-hover-bg: var(--kry-laranja);
    --bs-btn-hover-color: var(--kry-text-on-laranja);
}

.mb-40{
    margin-bottom: 40px;
}

.mb-50{
    margin-bottom: 50px;
}

.dashboard {
    --bs-border-width: 2px;
    --bs-border-color: #CEC3B5;
}

.btn-orange-green {
    --bs-btn-bg: #EA5A16;
    --bs-btn-color: #FFF;
   
    --bs-btn-hover-bg: #329730;
    --bs-btn-hover-color: #FFF;
}

.aceitar-tarefas-areas .btn-light {
    --bs-btn-border-color: #CCC;
    --bs-btn-bg: #EEE;

    max-width: 100%;
    min-width: 170px;
}