:root {
    box-sizing: border-box;

    --primary: #171716; /* DDC #2e2e2d */ /* AGNUS #030610;*/
    --second:  #cccccc; /*CINZA*/ /* AGNUS #c5c5c6;*/
    --third:   #ce3d52; /* AGNUS #dd2446;*/
    --pretin:  #272726;

    /* --- RGBA --- */
    --primary-25: rgba(19, 32, 53, 0.25); /* DDC 46,46,45 */
    --primary-50: rgba(19, 32, 53,0.5);
    --primary-75: rgba(19, 32, 53,0.75);

    --second-25: rgba(204,204,204,0.25);
    --second-50: rgba(204,204,204,0.5);
    --second-75: rgba(204,204,204,0.75);

    --third-25: rgba(206,61,82,0.25);
    --third-50: rgba(206,61,82,0.5);
    --third-75: rgba(206,61,82,0.75);
    /* --- RGBA --- */

    --green: #05C793;
    --yellow: #FFCE5C;
    --red: #EF436B;
    --grey: #606060;

    --green-25: rgba(5,199,147,0.25);
    --green-50: rgba(5,199,147,0.5);
    --green-75: rgba(5,199,147,0.75);

    --red-25: rgba(239,67,107,0.25);
    --red-50: rgba(239,67,107,0.5);
    --red-75: rgba(239,67,107,0.75);

    --green-rv: #3e801d;
    --green-compra-rv: #1FB906;
    --red-rv: #B72C2C;
    --red-venda-rv: #F0061B;

    --hover-color: #1c9ffd;
    --dark: #1c2022;
    --white: #fff;
    --black: #000;

    --header-bg: var(--primary);
}

.color-white {
    color: var(--white) !important;
}
.color-primary {
    color: var(--primary) !important;
}
.color-pretin {
    color: var(--pretin) !important;
}
.color-third {
    color: var(--third) !important;
}
.color-transparent {
    color: transparent !important;
}

.bg-white {
    background: var(--white) !important;
}
.bg-primary {
    background: var(--primary) !important;
}
.bg-pretin {
    background: var(--pretin) !important;
}
.bg-third {
    background: var(--third) !important;
}
.bg-transparent {
    background: transparent !important;
}

/*** LINK A TAG ***/
.a-link-white {
    text-decoration: none;
    color: var(--white);
}
.a-link-white:hover {
    text-decoration: none;
    color: var(--third);
}
.a-link-third {
    text-decoration: none;
    color: var(--third);
}
.a-link-third:hover {
    text-decoration: none;
    color: var(--white);
}
/*** LINK A TAG ***/

/*** BUTTON ***/
.btn-ddc-white {
    color: var(--primary);
    background-color: var(--white);
    border-color: var(--white);
}
.btn-ddc-white:hover {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn-ddc-white.disabled, .btn-ddc-white:disabled {
    color: var(--primary);
    background-color: var(--second);
    border-color: var(--second);
}

.btn-ddc-primary {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn-ddc-primary:hover {
    color: var(--third);
    background-color: var(--pretin);
    border-color: var(--third);
}
.btn-ddc-primary.disabled, .btn-ddc-primary:disabled {
    color: var(--white);
    background-color: var(--pretin);
    border-color: var(--white);
}

.btn-ddc-pretin {
    color: #fff;
    background-color: var(--pretin);
    border-color: var(--pretin);
}
.btn-ddc-pretin:hover {
    color: var(--third);
    background-color: var(--primary);
    border-color: var(--third);
}
.btn-ddc-pretin.disabled, .btn-ddc-pretin:disabled {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--white);
}

.btn-third {
    color: #fff;
    background-color: var(--third);
    border-color: var(--third);
}
.btn-third:hover {
    color: var(--third);
    background-color: var(--primary);
    border-color: var(--third);
}
.btn-third.disabled, .btn-third:disabled {
    color: var(--white);
    background-color: var(--pretin);
    border-color: var(--white);
}
/*** BUTTON ***/