:root {

    /* GREYS */
    --dark-grey-hover: #202020;
    --dark-grey: #404040;
    --medium-grey-hover: #818181;
    --medium-grey: #A7A7A7;
    --light-grey-hover: #DDDDDD;
    --light-grey: #EEEEEE;

}

:root .theme-vivo{

    /* PURPLE HUES */
    --dark-primary-hover-color: #460068;  /* 70, 0, 104 */
    --dark-primary-color: #4a0d8f; /* 102, 0, 153 */
    --medium-primary-hover-color: #6F37A0; /* 111, 55, 160 */
    --medium-primary-color: #864DB7; /* 134, 77, 183 */
    --light-primary-hover-color: #C0A8EF; /* 192, 168, 239 */
    --light-primary-color: #DDD3E6; /* 221, 211, 230 */

    /* GREEN HUES */
    --dark-accent-hover-color: #225F00; /* 34, 95, 0 */
    --dark-accent-color: #407C0D; /* 70, 0, 104 */
    --medium-accent-hover-color: #519716; /* 64, 124, 13 */
    --medium-accent-color: #88DD40; /* 136, 221, 64 */
    --light-accent-hover-color: #A1EE56; /* 161, 238, 86 */
    --light-accent-color: #C1FF85; /* 193, 255, 133 */

    /* ORANGE/YELLOW HUES */
    --dark-support-hover-color: #DF4900; /* 223, 73, 0 */
    --dark-support-color: #EA7300; /* 234, 113, 0 */
    --medium-support-hover-color: #EA9300; /* 234, 147, 0 */
    --medium-support-color: #FFB300; /* 255, 179, 0 */
    --light-support-hover-color: #FFE563; /* 255, 229, 99 */
    --light-support-color: #FFF0A5; /* 255, 240, 165 */

  }

:root .theme-white{

    /* RED HUES */
    --dark-primary-hover-color: #86000F; /* 134, 0, 15 */
    --dark-primary-color: #A91929; /* 169, 25, 41 */
    --medium-primary-hover-color: #C33242; /* 195, 50, 66 */
    --medium-primary-color: #DC3546; /* 220, 53, 70 */
    --light-primary-hover-color: #E2A2A8; /* 226, 162, 168 */
    --light-primary-color: #F3CFD2; /* 243, 207, 210 */

    /* ORANGE/YELLOW HUES */
    --dark-accent-hover-color: #DF4900; /* 223, 73, 0 */
    --dark-accent-color: #EA7300; /* 234, 113, 0 */
    --medium-accent-hover-color: #EA9300; /* 234, 147, 0 */
    --medium-accent-color: #FFB300; /* 255, 179, 0 */
    --light-accent-hover-color: #FFE563; /* 255, 229, 99 */
    --light-accent-color: #FFF0A5; /* 255, 240, 165 */
}

:root .theme-ituran{

    /* BLUE HUES */
    --dark-primary-hover-color: #00293C; /* 0, 41, 60 */
    --dark-primary-color: #003853; /* 0, 56, 83 */
    --medium-primary-hover-color: #1C386A; /* 28, 56, 106 */
    --medium-primary-color: #244888; /* 36, 72, 136 */
    --light-primary-hover-color: #B2D8E7; /* 178, 216, 231 */
    --light-primary-color: #C8E5F0; /* 200, 229, 240 */

    /* GREEN HUES */
    --dark-accent-hover-color: #225F00; /* 34, 95, 0 */
    --dark-accent-color: #407C0D; /* 70, 0, 104 */
    --medium-accent-hover-color: #519716; /* 64, 124, 13 */
    --medium-accent-color: #88DD40; /* 136, 221, 64 */
    --light-accent-hover-color: #A1EE56; /* 161, 238, 86 */
    --light-accent-color: #C1FF85; /* 193, 255, 133 */

  }