* {
    /* color */
    /* white */
    --color-white: white;
    /* black */
    --color-black: #1f1b18;
    --color-black-3: #827b77;
    /* orange */
    --color-orange-50: #fff6e6;
    --color-orange-100: #ffe5b8;
    --color-orange-500: #ffa100;
    --color-orange-600: #d08502;
    --color-orange-700: #a16903;
    /* blue */
    --color-blue-400: #4a68ff;
    /* red */
    --color-red-100: #ffccd5;
    --color-red-500: #fc1831;
    --color-red-700: #b30617;
    /* green */
    --color-green-50: #effdd9;
    --color-green-100: #dcfab0;
    --color-green-600: #6bb219;
    /* brand */
    --color-brand-50: #fff0e6;
    --color-brand-100: #ffd4b8;
    --color-brand-500: #ff6200;
    --color-brand-600: #d05202;
    /* purple */
    --color-purple-500: #7f3fff;
    --color-purple-800: #4506ad;
}

.text-black {
    color: var(--color-black);
}