:root {
    --primary-color: #5d579f;

    --sub-color-light: #f7f7f7;
    --sub-color-lavender: #f8f6ff;
    --sub-color-gray: #d2d5db;
    --sub-color-pinkish: #cecce3;

    --mid-sub-1: #7579b0;
    --mid-sub-2: #908acd;
    --mid-sub-3: #ada8e0;
    --mid-sub-4: #8683a0;
    --mid-sub-5: #c4c2d7;

    --dark-sub-1: #3C3771;
    --dark-sub-2: #3f3891;
    --dark-sub-3: #464175;
    --dark-sub-4: #2e2c4a;
    --dark-sub-5: #8f8cb1;

    --accent-color-1: #d7d4e6;
    --accent-color-2: #c4c1eb;
    --accent-color-3: #a39aff;
    --accent-color-4: #827bc8;

    --extra-sub-1: #d3d1e9;
    --extra-sub-2: #d2d5db;
    --extra-sub-3: #ecebee;
    --extra-sub-4: #f4f3f9;
    --extra-sub-5: #d9d8e2;
    --extra-sub-6: #807caf;
    --extra-sub-7: #fff;
    --extra-sub-8: #4a4584;
    --extra-sub-9: #9190a1;
    --extra-sub-10: #7a76a3;

    /* Icon */
    --ico-btn-waring: url('/static/images/pytha/btn_warning.png');
    --ico-area-03: url('/static/images/pytha/ico_area_03_on.png');
    --ico-area-04: url('/static/images/pytha/ico_area_04_on.png');
    --ico-calender: url('/static/images/pytha/ico_calender.png');
    --ico-chart-off: url('/static/images/pytha/ico_chart_off.png');
    --ico-close-circle: url('/static/images/pytha/ico_closeCircle.png');
    --ico-data-info: url('/static/images/pytha/ico_dataInfo.png');
    --ico-mail: url('/static/images/pytha/ico_mail.png');
    --ico-phone: url('/static/images/pytha/ico_phone.png');
    --ico-point-p: url('/static/images/pytha/ico_point_p.png');
    --ico-pop-close: url('/static/images/pytha/ico_popClose.png');
    --ico-pop-select: url('/static/images/pytha/ico_popSelect.png');
    --ico-search: url('/static/images/pytha/ico_search.png');
    --ico-select: url('/static/images/pytha/ico_select.png');
    --ico-slide-title: url('/static/images/pytha/ico_slideTitle.png');
    --ico-table-off: url('/static/images/pytha/ico_table_off.png');
    --img-arrow-left: url('/static/images/pytha/img_arrow_left.png');
    --img-user: url('/static/images/pytha/img_user.png');
}