:root {
    --app-height: 100%;
    --scroll-width: 6px;
    --index: calc(1vw + 1vh);
    --bg-color: #fff;
    --txt-main: #595959;
    --black-color: #1D1D1D;
    --gray-color: #595959;
    --red-color: #B91C1C;
    --red-light-color: #ff7367;
    --accent-color: #3356A3;
    --accent-dark-color: #002370;
    --accent-light-color: rgba(51, 86, 163, 0.1);
    --orange-color: #FF7900;
    --orange-light-color: #fff1e5;
    --orange-hover-color: #ffe4cc;
    --brown-color: #BA9772;
    --brown-light-color: #f8f4f1;
    --brown-hover-color: #f1eae3;
    --green-color: #00A69C;
    --green-light-color: #e5f6f5;
    --green-hover-color: #ccedeb;
    --grey-hover-color: #F9F9F9;
    --border-color: #E8E8E8;
    --placeholder-color: #9CA3AF;
    --doc-bg-color: #f5f5ff;
    --overflow-color: 255,255,255;
    --overflow-opacity: .3;
    --overflow-blur: 4px;
}