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

    /* primary */
    --primary1: #E5AB00;  /* */
    --primary2: #D8A200;  /* */
    --primary3: #F0B046;  /* */
    --primary4: #FFBF00;  /* */
    --primary5: #F0B046;  /* */
    --primary6: #F0B046;  /* */
    --primary7: #FFE7BF;  /* */
    --primary8: #FFE7BF;  /* */
    --primary9: #F7F2EC;  /* */
    

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

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

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

    /* warning */
    --warning1: #FFFFFF;  /* */
    --warning2: #F0B046;  /* */

    /* card */  
    --card1: #FFFFFF;  /* */
    --card2: #EB8640;  /* */
}