:root {
    --color-white: #ffffff;
    --color-black: #000000;

    --color-purple-50:  #faf5ff;
    --color-purple-100: #f3e8ff;
    --color-purple-150: #e9d5ff;
    --color-purple-200: #d8b4fe;
    --color-purple-250: #c084fc;
    --color-purple-300: #a855f7;
    --color-purple-500: #7c3aed;
    --color-purple-700: #6d28d9;
    --color-purple-800: #6222c5;

    --color-blue-50: #e6f0ff;
    --color-blue-100: #cce0ff;
    --color-blue-700: #3366cc;

    --color-gray-25: #fafafa;
    --color-gray-50: #f9f9f9;
    --color-gray-100: #f5f5f5;
    --color-gray-150: #f0f0f0;
    --color-gray-200: #e8e8e8;
    --color-gray-250: #e2e2e2;
    --color-gray-300: #ccc;
    --color-gray-350: #8a8a8a;
    --color-gray-400: #8b8b8b;
    --color-gray-450: #6a6a6a;
    --color-gray-500: #6e6e6e;
    --color-gray-600: #5a5a5a;
    --color-gray-700: #4a4a4a;
}