/*
*--------------------------------------------*
|                   Root                     |
*--------------------------------------------*
*/
:root {
    /* Color */
    /*  Primary(theme)  */
    --primary-50: #F8F9FD;
    --primary-100: #F2F2FC;
    --primary-200: #EBEBFA;
    --primary-300: #999CE4;
    --primary-400: #7A7EE8;
    --primary-500: #149174;
    --primary-600: #4549AB;
    --primary-700: #37396D;
    --primary-800: #0A0B25;

    --black-300: #B8B8B8;
    --black-400: #8E8E8E;
    --black-500: #555555;
    --black-600: #404040;
    --black-650: #333333;
    --black-700: #262527;
    --black-750: #222222;
    --black-800: #0D0914;
    --black-900: #000000;

    --gray-100: #D6D6D6;
    --gray-200: #D1D1D1;
    --gray-800: #757580;

    --white: #ffffff;
    --white-50: #FCFCFC;
    --white-150: #F8F8F8;
    --white-300: #F5F5F5;
    --white-400: #F1F1F1;
    --white-500: #E8E8E8;
    --white-600: #DDDDDD;

    --purple-gray-50: #DAD7DF;

    --blue-gray-50: #EBECF0;
    --blue-gray-100: #DFE3E9;

    --bora-500: #8B5CD4;

    --orange-500: #FA7C35;
    --orange-600: #F86A0E;

    --blue-500: #2269D1;

    --slate-blue-500: #5C61D4;

    --green-500: #80B430;

    --red-500: #E43E3E;

}