:root {
    --primary: #420749;     /* Primary */
    --secondary: #D62A60;   /* Secondary */
    --primary-5: #FFF6E5;   /* Primary */
    --primary-10: #FFE7B8;  /* Primary */
    --primary-20: #FFD88A;  /* Primary */
    --primary-50: #ECE6ED;  /* Primary */
    --primary-40: #FFC85C;  /* Primary */
    --primary-60: #FFB92F;  /* Primary */
    --primary-80: #D08B00;  /* Primary */
    --primary-100: #C4B2C7; /* Primary */
    --black: #3A3A3A;       /* black */
    --black-5: #CCCCCC;     /* black */
    --black-10: #B3B3B3;    /* black */
    --black-20: #999999;    /* black */
    --black-40: #808080;    /* black */
    --black-60: #666666;    /* black */
    --black-80: #4D4D4D;    /* black */
    --background: #FAFAFA;   /* background */
    --white: #FFFFFF;       /* white */
    --dark-gray: #AAAAAA;   /* dark-gray */
    --text-gray: #9B9B9B;   /* text-gray */
    --disabled: #BABABA;    /* disabled */
    --positive: #393;    /* positive */
    --negative: #B52F2F;    /* negative */
    --classic: #C88D6D;    /* classic */
    --classic-dark: #994516;    /* classic */
    --silver: #AEAEAE;    /* silver */
    --silver-dark: #707070;    /* silver dark */
    --gold: #D6B96F;    /* gold */
    --gold-dark: #998244;    /* gold dark */
    --platinum: #4A7AA7;    /* platinum */
    --platinum-dark: #2C2C2C;    /* platinum dark */
    --diamond-dark:#11174D; /* diamond dark */
    --base-text: #3A3A3A; /* base text */
    --body-text: #333333; /* body text */
    --header-text: #FFFFFF; /* header text */
    --bg-noti: #DC3545; /* bg-noti */


    --secondary-500: #EB2E6A; /*Secondary red*/
    --secondary-600: #D62A60; /*Secondary red*/

}