@charset "utf-8";



/************************************** root setting **************************************/

:root {

    /* color */
    --theme-color: #642eff;
    --black-color: #000;
    
    /* design-theme */
    --blue-theme-color: #040b55;
    --green-theme-color: #085022;
    --red-theme-color: #4a0707;
    --purple-theme-color: #41107b;
    --white-theme-color: #fff;
    --black-theme-color: #222730;
    --gray-theme-color: #6c7884;

    
    /* left-nav-theme */
    --blue-nav-color: #ecedf5;
    --green-nav-color: #e6ebe8;
    --red-nav-color: #ede6e9;
    --purple-nav-color: #f1ebf8;
    --white-nav-color: #e8e9ed;

    /* grid-theme */
    --white-grid-color:#f8f8f8;
    --gray-grid-color:#fafcfc;
    --blue-grid-color: #ecedf5;
    --green-grid-color: #fbfffa
    --red-grid-color: #fffafa;
    --black-grid-color:#f8f8f8;
}