:root {
    --body-bg-pattern: url('../customization/uhome/images/pattern.svg');
    --body-bg-pattern-size: 300px;

    --color-accent: #00BBD5;
    --color-accent-content: #fff;
    --color-accent-hover: #009eb3;
    --color-accent-soft: rgba(0, 188, 213, 0.06);

    --color-bg-body: #f2f9fa;
    --color-bg-content: #fff;
    --color-bg-primary: #f2f9fa;
    --color-bg-secondary: #E4EEEF;
    --color-bg-third: #fff;

    --color-danger: #FF4E40;
    --color-danger-content: #fff;
    --color-danger-hover: #FF4E40;
    --color-danger-soft: rgba(255, 78, 64, 0.06);

    --color-error: #FF4E40;
    --color-error-content: #fff;
    --color-error-hover: #FF4E40;
    --color-error-soft: rgba(255, 78, 64, 0.06);

    --color-info: #00BBD5;
    --color-info-content: #fff;
    --color-info-hover: #00BBD5;
    --color-info-soft: rgba(0, 187, 213, 0.06);

    --color-light: #f2f9fa;

    --color-link: #00798a;
    --color-link-hover: #00BBD5;

    --color-pills: transparent;
    --color-pills-active: #00BBD5;
    --color-pills-bg: #f2f9fa;
    --color-pills-hover: #fff;
    --color-pills-text: #222;
    --color-pills-text-active: #ffffff;

    --color-secondary: #00798a;
    --color-secondary-content: #fff;
    --color-secondary-hover: #00798a;
    --color-secondary-soft: rgba(0, 121, 138, 0.06);

    --color-separator: #e6edee;

    --color-success: #00d584;
    --color-success-content: #fff;
    --color-success-hover: #00d584;
    --color-success-soft: rgba(0, 213, 132, 0.06);

    --color-text: #1f2025;
    --color-text-accent: #00BBD5;
    --color-text-danger: #FF4E40;
    --color-text-error: #FF4E40;
    --color-text-info: #00BBD5;
    --color-text-light: #4E5151;
    --color-text-lighter: #636363;
    --color-text-lightest: #808080;
    --color-text-secondary: #00798a;
    --color-text-success: #00d584;
    --color-text-third: #FF4E40;
    --color-text-warning: #ff5200;

    --color-third: #FF4E40;
    --color-third-content: #fff;
    --color-third-hover: #FF4E40;
    --color-third-soft: rgba(255, 78, 64, 0.06);

    --color-warning: #ff5200;
    --color-warning-content: #fff;
    --color-warning-hover: #ff5200;
    --color-warning-soft: rgba(255, 82, 0, 0.06);

    --checkbox-icon: url('../svg/form/checkbox/check.svg');

    --select-color-options-bg: #fff;
    --select-color-options-text: #000000;

    --banner-color-bg: #000;
    --banner-color-progressbar-bg: #ffffff60;
    --banner-color-progressbar: #fff;
}