:root {
    --background: #FFFFFF;   /* background */

    --classic: #C88D6D;    /* classic */
    --classic-dark: #995E3E;    /* classic */
    --silver: #AEAEAE;    /* silver */
    --silver-dark: #787878;    /* silver dark */
    --gold: #D6B96F;    /* gold */
    --gold-dark: #B19345;    /* gold dark */
    --platinum: #4A7AA7;    /* platinum */
    --platinum-dark: #2C5C89;    /* platinum dark */
    
    --bg-noti: #DC3545; /* bg-noti */

    /* new */
    --base-body: #696969; /* base text body */
    --base-border: #D1D1D1; /* base border, base-text-placeholder */
    --base-headline: #3A3A3A; /* base text headline */
    --base-disable: #BABABA; /* base text disabled */
    --base-negative: #B52F2F; /* base text negative */
    --base-positive: #393; /* base text positive */
    --base-caption: #9B9B9B; /* base text caption */
    --base-underground: #F0F0F0; /* base surface underground */
    --base-black: #1E1E1E; /* base text black */
    --base-white: #FFFFFF; /* base text white */
    --ground-body: #4B4B4B; /* on ground body */
    --base-text-title: #606060; /* base text title */
    
    --primary: #573C81;     /* Primary */
    --primary-5: #FFF6E5;   /* Primary */
    --primary-10: #FFE7B8;  /* Primary */
    --primary-100: #CBC3D8;  /* Primary */
    --primary-50: #EEECF2; /* Primary 50 */
    --primary-200: #B2A5C5; /* Primary 200 */
    --gray: #FAFAFA; /* gray */
    --disabled: #E6E6E6;    /* disabled */
    --secondary-500: #494949; /* secondary 500 */
    --base-text-white: #FFFFFF; /* base white */
}