/* ==========================================================================
   Colors
   ========================================================================== */

/* CI colors
   ========================================================================== */
:root {
    --bgr: #F6F7F8;

    --black: #000;
    --black-opacity-1: rgba(0, 0, 0, 0.12);
    --white: #FFF;

    --blue-extra-dark: #091931;
    --blue-dark: #2A3647;
    --blue-light: #29ABE2;

    --gray-light-1: #F4F4F4;
    --gray-light-2: #CDCDCD;
    --gray-light-3: #D1D1D1;
    --gray-light-4:#A8A8A8;
}


/* Special colors
   ========================================================================== */
:root {
    --yellow-1:#FFC701;

    --orange-1: #FFA800;
    --orange-2: #FF7A00;

    --red-1: #FF5C00;
    --red-2:#FF3D00;

    --green-1: #1FD7C1;
    --green-2: #7AE229;
    --green-3: #02CF2F;
    --green-4: #4E963D;

    --blue-1: #32DAFF;
    --blue-2: #0190E0;
    --blue-3: #007CEE;
    --blue-4: #0038FF;

    --purple-1: #FC71FF;
    --purple-2: #EE00D6;
    --purple-3: #EE00D6;
    --purple-4: #9327FF;
}


/* Border shadow
   ========================================================================== */
:root {
    --box-shadow-1: rgba(0, 0, 0, 0.10);
    --box-shadow-2: rgba(0, 0, 0, 0.08);
    --box-shadow-3: rgba(0, 0, 0, 0.04);
}