:root {
    --white: #FFFFFF; 
    --black: #000000;

    /* primary */
    --primary1: #0C60AE;  /* */
    --primary2: #256FB3;  /* */
    --primary3: #3E7BA8;  /* */
    --primary4: #54ACFD;  /* */
    --primary5: #61BCFE;  /* */
    --primary6: #BEE3FF;  /* */
    --primary7: #CFE7FF;  /* */
    --primary8: #EEF7FF;  /* */
    --primary9: #CDE7FF;  /* */
    --primary10: #9DD0FF;  /* */ /* This color is no more required*/
    --primary11: #66B6FF;  /* */ /* This color is no more required*/
    

    /* secondary */
    --secondary1: #0C111D;  /* */
    --secondary2: #101828;  /* */
    --secondary3: #263238;  /* */

    /* tertiary */ 
    --tertiary1: #475467;  /* */
    --tertiary2: #344054;  /* */
    --tertiary3: #737886;  /* */
    --tertiary4: #667085;  /* */

    /* quaternary */
    --quaternary1: #286153;  /* */
    --quaternary2: #0EB000;  /* */
    --quaternary3: #CEFFC9;  /* */

    /* warning */
    --warning1: #D2A42D;  /* */
    --warning2: #FFF4CF;  /* */

    /* card */  
    --card1: #454C8F;  /* */
    --card2: #CCD1FF;  /* */
}