:root {
    /* Color */
    --primary-color: #d99152;

    --sub-color-light: #f8f2e8;
    --sub-color-lavender: #f6ebde;
    --sub-color-gray: #e1cfc4;
    --sub-color-pinkish: #e7c8b5;

    --mid-sub-1: #b36b3d;
    --mid-sub-2: #c48053;
    --mid-sub-3: #d8a172;
    --mid-sub-4: #ae7c55;
    --mid-sub-5: #e3c7af;

    --dark-sub-1: #7a4f33;
    --dark-sub-2: #8c4f27;
    --dark-sub-3: #905b3c;
    --dark-sub-4: #5e3b25;
    --dark-sub-5: #b28462;

    --accent-color-1: #ead8c7;
    --accent-color-2: #e5c5a3;
    --accent-color-3: #d68f55;
    --accent-color-4: #bf7a4d;

    --extra-sub-1: #e7d2c4;
    --extra-sub-2: #e1cfc4;
    --extra-sub-3: #f8f2e8;
    --extra-sub-4: #f8f1ec;
    --extra-sub-5: #eed9c7;
    --extra-sub-6: #b3764e;
    --extra-sub-7: #f8f1ec;
    --extra-sub-8: #bc6a3b;
    --extra-sub-9: #a88a75;
    --extra-sub-10: #b8744d;

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