@import url("fonts.css");
@import url("./default.css");
@import url("./icon.css");
@import url("./normalize.css");
@import url("./component/lib.css");
@import url("./component/drag.css");

:root {
    --primary-color: #2880FC;
    --primary-color-hover: #0D4CA4;
    --primary-color-text: #FFFFFF;
    --success-bg: rgba(237 247 237 / 10%);
    --success-color: #0AAF60;
    --success-color-hover: #088A4C;
    --success-color-text: #FFFFFF;
    --danger-bg: #000000;
    --danger-color: #F44336;
    --danger-color-hover: #E31B0C;
    --danger-color-text: #FFFFFF;
    --info-bg: rgba(255 206 89 / 10%);
    --info-color: #F2A646;
    --info-color-hover: #D39500;
    --info-color-text: #FFFFFF;
    --dark-bg: rgba(52 58 64 / 10%);
    --dark-color: #343A40;
    --dark-color-hover: #111D2A;
    --dark-color-text: rgba(255 255 255 / 55%);
    --gray-bg: rgba(52 58 64 / 10%);
    --gray-light: #E5E5E5;
    --gray-color: #878787;
    --gray-color-hover: #656565;
    --gray-color-text: rgba(255 255 255 / 75%);
    --light-shadow: 0px 0px 50px rgb(42 89 152 / 5%);
    --medium-shadow: 0px 0px 50px rgb(42 89 152 / 15%);
    --bg-color: #FFFFFF;
    --bg-color-hover: #EBE8FE;
    --body: #F9FAFE;
    --bg-box: rgba(255 255 255 / 95%);
    --border: #e5e5e5;
    --border-white: #F9F9f9;
    --menu: #F9FAFE;
    --text: #2A2A2A;
    --wrapper: rgba(249 250 254 /90%);
}