:root {
    --primary-color: #3672EE;
    --text-blue: #3672EE;
    --text-main: #151C27;
    --text-gray: #686E77;
    --text-color1: #0FBE00;
    --text-color2: #f73a3f;
    --text-gray-sec: #A9A9A9;
    --line-color: #DFDFDF;
    --bg-main: #fff;
    --skeleton-bg2: rgba(0, 0, 0, 0.15);
}

/* .dark:root {
} */

html,
body {
    color: var(--text-main) !important;
    background-color: var(--bg-main);
    font-size: 16px;
}

.bg-main {
    background: var(--bg-main);
}

.text-main {
    color: var(--text-main) !important;
}

.text-blue {
    color: var(--text-blue) !important;
}

.text-gray {
    color: var(--text-gray) !important;
}

.text-green {
    color: var(--text-color1) !important;
}

.text-red {
    color: var(--text-color2) !important;
}

.text-gray-sec {
    color: var(--text-gray-sec) !important;
}

.border-line {
    border-color: var(--line-color) !important;
}

.bg-line {
    background-color: var(--line-color) !important;
}