:root {
    --primary-neutral: #474D66;
    --primary-light-neutral: #EDEFF5;
    --primary-white: #FFFFFF;

    --primary-red: #D14343;
    --primary-blue: #105CAA;
    --primary-orange: #F58220;
    --primary-green: #52BD94;
    --primary-yellow: #FFB020;
    --primary-violet: #897AE3;
    --primary-teal: #25CBD6;
    --primary-pink: #ED55C2;

    --primary-0: #e2ebf5;
    --primary-50: #e2ebf5;
    --primary-75: #b7cee6;
    --primary-100: #b7cee6;
    --primary-200: #88aed5;
    --primary-300: #588dc4;
    --primary-400: #3474b7;
    --primary-500: #105CAA;
    --primary-600: #0e54a3;
    --primary-700: #0c4a99;
    --primary-800: #094190;
    --primary-900: #05307f;

    --accent-0: #e2e3e8;
    --accent-50: #e2e3e8;
    --accent-75: #b7bac6;
    --accent-100: #b7bac6;
    --accent-200: #888ca0;
    --accent-300: #585d79;
    --accent-400: #343b5d;
    --accent-500: #101840;
    --accent-600: #0e153a;
    --accent-700: #0c1132;
    --accent-800: #090e2a;
    --accent-900: #05081c;

    --warn-50: #FFF5F5;
    --warn-100: #FFE6E6;
    --warn-200: #FFBFBF;
    --warn-300: #F87373;
    --warn-400: #D14343;
    --warn-500: #AB1620;
    --warn-600: #66000E;
    --warn-700: #66000E;
    --warn-800: #66000E;
    --warn-900: #66000E;
}

.color-picker-colors {
    --red: #DD2038;
    --blue: #105CAA;
    --orange: #F58220;
    --green: #52BD94;
    --yellow: #FFB020;
    --violet: #897AE3;
    --teal: #25CBD6;
    --pink: #ED55C2;
    --gray: #747979;
}

/* 4 colors required */
.dashboard-colors {
    --teal: #25CBD6;
    --yellow: #FFB020;
    --violet: #897AE3;
    --green: #52BD94;
}