:root {
    --primary-color-50: #42498a1b;
    --primary-color-500: #42498A;
    --primary-color-600: #303667;
    --primary-color-700: #202444;
    --warning-color-100: #FEFCBF;
    --warning-color-500: #D69E2E;
    --secondary-color-500: #D53F8C;
    --secondary-color-600: #B83280;
    --light-color-50: #F7FAFC;
    --light-color-100: #EDF2F7;
    --light-color-200: #E2E8F0;
    --light-color-300: #CBD5E0;
    --light-color-400: #A0AEC0;
    --dark-color-500: #718096;
    --dark-color-600: #4A5568;
    --dark-color-700: #2D3748;
    --dark-color-800: #1A202C;
    --dark-color-900: #171923;
}