:root {
    --primary: #4338ca;
    --hover: #3730a3;
    --background: #e8edf5;
    --secondary: #6c757d;
    --success: #28a745;
    --danger: #dc3545;
    --warning: #ffc107;
    --info: #17a2b8;
    --dark: #343a40;
    --white: #ffffff;
    --black: #000000;
    --blue: #4338ca;
    --lavender_blue: #E8F0FE;
    --blue-hover: #3730a3;
    --white_shade: #F5F4FF;
    --primary_soft: #F1EEFF;
    --green_400: #48BB78;
    --red_500: #E53E3E;
    --grey_1: #1e2022;
    --grey_2: #434A49;
    --grey_700: #2D3748;
    --off_white: #F0F0F0;
    --light_grey: #e0e0e0;
    --bg_light: #F8F9FA;
    --indigo_500: #5B51E1;
    --purple_100: #EFEDFF;
    --grey_400: #878787;
    --grey_300: #B0B0B0;
    --grey_200: #D1D1D1;
    --grey_150: #B6B6B6;
    --grey_100: #EDEDED;
    --grey_50: #F9F9F9;
    --grey_75: #D6D6D6;
    --soft_pastel_red: #f9afaf;
    --minty_green: #64d8a2;
    --lavender_mist: #EDE9FE;
    --periwinkle_gray: #D2D9F1;
    --soft_indigo: #E0E7FF;
    --lilac_cloud: #E1D5EE;
    --orchid_tint: #F3E8FF;
    --iris_whisper: #EDE9FE;
    --deep_indigo: #312E81;
    --royal_blue: #282ca7;
    --charcoal_gray: #333333;
    --silver_mist: #CCCCCC;
}