:root {
    --accent-color-500: #426C62;
    --accent-color-400: #426C62;
    --accent-color-300: var(--custom-accent-color-300, #B7CBE5);
    --accent-color-200: var(--custom-accent-color-200, #E5EFFF);
    --black-color: var(--custom-black-color, #000000);
    --white-color: var(--custom-white-color, #ffffff);
    --gray-color-800: var(--custom-gray-color-800, #222222);
    --gray-color-700: var(--custom-gray-color-700, #333333);
    --gray-color-600: var(--custom-gray-color-600, #ffffff1a);
    --gray-color-550: var(--custom-gray-color-550, #767676);
    --gray-color-540: var(--custom-gray-color-540, #7C8994);
    --gray-color-500: var(--custom-gray-color-500, #A7A7AB);
    --gray-color-450: var(--custom-gray-color-450, #BDBDBD);
    --gray-color-400: var(--custom-gray-color-400, #cccccc);
    --gray-color-300: var(--custom-gray-color-300, #dadada);
    --gray-color-260: var(--custom-gray-color-260, #D9D9DE);
    --gray-color-250: var(--custom-gray-color-250, #E4E4E4);
    --gray-color-200: var(--custom-gray-color-200, #E5E5EA);
    --gray-color-150: var(--custom-gray-color-150, #F3F3F3);
    --gray-color-100: var(--custom-gray-color-100, #f5f5f5);
    --hit-color: var(--custom-hit-color, #3ec28f);
    --sale-color: var(--custom-sale-color, #ff9500);
    --new-color: var(--custom-new-color, #30c2ff);
    --discount-color: var(--custom-discount-color, #c43228);
    --transparent-color: var(--custom-transparent-color, transparent);
    --green-color-400: var(--custom-green-color-400, #4FA22E);
    --green-color-200: var(--custom-green-color-200, #DCECD5);
    --color-button-primary-background: var(--accent-color-400);
    --color-button-primary-border: var(--accent-color-400);
}