/* TỆP SINH TỰ ĐỘNG bởi Scripts/gen_vt_tokens.py từ số đo thật của DevExtreme — ĐỪNG SỬA TAY.
   Biến theme cho VTCore.toast / VTCore.dialog; xem chú thích đầu script để biết ý nghĩa từng biến. */

html[data-vt-theme="fluent.green.light"] {
    --vt-toast-success-bg: rgb(16, 124, 16);
    --vt-toast-success-fg: rgb(255, 255, 255);
    --vt-toast-error-bg: rgb(209, 52, 56);
    --vt-toast-error-fg: rgb(255, 255, 255);
    --vt-toast-warning-bg: rgb(253, 227, 0);
    --vt-toast-warning-fg: rgb(36, 36, 36);
    --vt-toast-info-bg: rgb(255, 255, 255);
    --vt-toast-info-fg: rgb(36, 36, 36);
    --vt-toast-radius: 4px;
    --vt-toast-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px 0px, rgba(0, 0, 0, 0.14) 0px 8px 16px 0px;
    --vt-toast-border: 0 none;
    --vt-toast-weight: 400;
    --vt-dialog-bg: rgb(255, 255, 255);
    --vt-dialog-fg: rgb(36, 36, 36);
    --vt-dialog-body-fg: rgb(36, 36, 36);
    --vt-dialog-radius: 8px;
    --vt-dialog-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px, rgba(0, 0, 0, 0.24) 0px 32px 64px 0px;
    --vt-dialog-border: 0 none;
    --vt-dialog-shade: rgba(0, 0, 0, 0.32);
    --vt-dialog-title-bg: transparent;
    --vt-dialog-title-border: 1px solid rgb(224, 224, 224);
    --vt-dialog-title-fg: rgb(36, 36, 36);
    --vt-dialog-title-weight: 500;
    --vt-dialog-actions-pad: 0px 16px 12px;
    --vt-dialog-actions-border: 0 none;
    --vt-dialog-actions-minh: 36.0px;
    --vt-dbtn-gap: 8px;
    --vt-dbtn-padx: 8.0px;
    --vt-dbtn-o-state-bg: rgb(235, 252, 248);
    --vt-dbtn-o-state-fg: rgb(10, 74, 54);
    --vt-loading-pane-bg: rgb(255, 255, 255);
    --vt-loading-pane-fg: rgb(36, 36, 36);
    --vt-loading-pane-radius: 8px;
    --vt-loading-pane-shadow: rgba(0, 0, 0, 0.14) 0px 8px 16px 0px;
    --vt-loading-pane-border: 0 none;
    --vt-loading-msg-color: rgb(36, 36, 36);
    --vt-loading-msg-weight: 400;
    --vt-loading-spinner-color: rgb(36, 36, 36);
}

html[data-vt-theme="fluent.blue.light"] {
    --vt-toast-success-bg: rgb(16, 124, 16);
    --vt-toast-success-fg: rgb(255, 255, 255);
    --vt-toast-error-bg: rgb(209, 52, 56);
    --vt-toast-error-fg: rgb(255, 255, 255);
    --vt-toast-warning-bg: rgb(253, 227, 0);
    --vt-toast-warning-fg: rgb(36, 36, 36);
    --vt-toast-info-bg: rgb(255, 255, 255);
    --vt-toast-info-fg: rgb(36, 36, 36);
    --vt-toast-radius: 4px;
    --vt-toast-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px 0px, rgba(0, 0, 0, 0.14) 0px 8px 16px 0px;
    --vt-toast-border: 0 none;
    --vt-toast-weight: 400;
    --vt-dialog-bg: rgb(255, 255, 255);
    --vt-dialog-fg: rgb(36, 36, 36);
    --vt-dialog-body-fg: rgb(36, 36, 36);
    --vt-dialog-radius: 8px;
    --vt-dialog-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px, rgba(0, 0, 0, 0.24) 0px 32px 64px 0px;
    --vt-dialog-border: 0 none;
    --vt-dialog-shade: rgba(0, 0, 0, 0.32);
    --vt-dialog-title-bg: transparent;
    --vt-dialog-title-border: 1px solid rgb(224, 224, 224);
    --vt-dialog-title-fg: rgb(36, 36, 36);
    --vt-dialog-title-weight: 500;
    --vt-dialog-actions-pad: 0px 16px 12px;
    --vt-dialog-actions-border: 0 none;
    --vt-dialog-actions-minh: 36.0px;
    --vt-dbtn-gap: 8px;
    --vt-dbtn-padx: 8.0px;
    --vt-dbtn-o-state-bg: rgb(235, 243, 252);
    --vt-dbtn-o-state-fg: rgb(10, 46, 74);
    --vt-loading-pane-bg: rgb(255, 255, 255);
    --vt-loading-pane-fg: rgb(36, 36, 36);
    --vt-loading-pane-radius: 8px;
    --vt-loading-pane-shadow: rgba(0, 0, 0, 0.14) 0px 8px 16px 0px;
    --vt-loading-pane-border: 0 none;
    --vt-loading-msg-color: rgb(36, 36, 36);
    --vt-loading-msg-weight: 400;
    --vt-loading-spinner-color: rgb(36, 36, 36);
}

html[data-vt-theme="fluent.blue.dark"] {
    --vt-toast-success-bg: rgb(84, 176, 84);
    --vt-toast-success-fg: rgb(0, 0, 0);
    --vt-toast-error-bg: rgb(227, 125, 128);
    --vt-toast-error-fg: rgb(0, 0, 0);
    --vt-toast-warning-bg: rgb(253, 227, 0);
    --vt-toast-warning-fg: rgb(0, 0, 0);
    --vt-toast-info-bg: rgb(41, 41, 41);
    --vt-toast-info-fg: rgb(255, 255, 255);
    --vt-toast-radius: 4px;
    --vt-toast-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px 0px, rgba(0, 0, 0, 0.14) 0px 8px 16px 0px;
    --vt-toast-border: 0 none;
    --vt-toast-weight: 400;
    --vt-dialog-bg: rgb(41, 41, 41);
    --vt-dialog-fg: rgb(255, 255, 255);
    --vt-dialog-body-fg: rgb(255, 255, 255);
    --vt-dialog-radius: 8px;
    --vt-dialog-shadow: rgba(0, 0, 0, 0.4) 0px 0px 8px 0px, rgba(0, 0, 0, 0.48) 0px 32px 64px 0px;
    --vt-dialog-border: 0 none;
    --vt-dialog-shade: rgba(0, 0, 0, 0.61);
    --vt-dialog-title-bg: transparent;
    --vt-dialog-title-border: 1px solid rgb(97, 97, 97);
    --vt-dialog-title-fg: rgb(255, 255, 255);
    --vt-dialog-title-weight: 500;
    --vt-dialog-actions-pad: 0px 16px 12px;
    --vt-dialog-actions-border: 0 none;
    --vt-dialog-actions-minh: 36.0px;
    --vt-dbtn-gap: 8px;
    --vt-dbtn-padx: 8.0px;
    --vt-dbtn-o-state-bg: rgb(8, 35, 56);
    --vt-dbtn-o-state-fg: rgb(180, 214, 250);
    --vt-loading-pane-bg: rgb(41, 41, 41);
    --vt-loading-pane-fg: rgb(255, 255, 255);
    --vt-loading-pane-radius: 8px;
    --vt-loading-pane-shadow: rgba(0, 0, 0, 0.14) 0px 8px 16px 0px;
    --vt-loading-pane-border: 0 none;
    --vt-loading-msg-color: rgb(255, 255, 255);
    --vt-loading-msg-weight: 400;
    --vt-loading-spinner-color: rgb(255, 255, 255);
}

html[data-vt-theme="fluent.pink.light"] {
    --vt-toast-success-bg: rgb(16, 124, 16);
    --vt-toast-success-fg: rgb(255, 255, 255);
    --vt-toast-error-bg: rgb(209, 52, 56);
    --vt-toast-error-fg: rgb(255, 255, 255);
    --vt-toast-warning-bg: rgb(253, 227, 0);
    --vt-toast-warning-fg: rgb(36, 36, 36);
    --vt-toast-info-bg: rgb(255, 255, 255);
    --vt-toast-info-fg: rgb(36, 36, 36);
    --vt-toast-radius: 4px;
    --vt-toast-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px 0px, rgba(0, 0, 0, 0.14) 0px 8px 16px 0px;
    --vt-toast-border: 0 none;
    --vt-toast-weight: 400;
    --vt-dialog-bg: rgb(255, 255, 255);
    --vt-dialog-fg: rgb(36, 36, 36);
    --vt-dialog-body-fg: rgb(36, 36, 36);
    --vt-dialog-radius: 8px;
    --vt-dialog-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px, rgba(0, 0, 0, 0.24) 0px 32px 64px 0px;
    --vt-dialog-border: 0 none;
    --vt-dialog-shade: rgba(0, 0, 0, 0.32);
    --vt-dialog-title-bg: transparent;
    --vt-dialog-title-border: 1px solid rgb(224, 224, 224);
    --vt-dialog-title-fg: rgb(36, 36, 36);
    --vt-dialog-title-weight: 500;
    --vt-dialog-actions-pad: 0px 16px 12px;
    --vt-dialog-actions-border: 0 none;
    --vt-dialog-actions-minh: 36.0px;
    --vt-dbtn-gap: 8px;
    --vt-dbtn-padx: 8.0px;
    --vt-dbtn-o-state-bg: rgba(252, 235, 251, 0.84);
    --vt-dbtn-o-state-fg: rgba(71, 10, 74, 0.84);
    --vt-loading-pane-bg: rgb(255, 255, 255);
    --vt-loading-pane-fg: rgb(36, 36, 36);
    --vt-loading-pane-radius: 8px;
    --vt-loading-pane-shadow: rgba(0, 0, 0, 0.14) 0px 8px 16px 0px;
    --vt-loading-pane-border: 0 none;
    --vt-loading-msg-color: rgb(36, 36, 36);
    --vt-loading-msg-weight: 400;
    --vt-loading-spinner-color: rgb(36, 36, 36);
}

html[data-vt-theme="fluent.yellow.light"] {
    --vt-toast-success-bg: rgb(16, 124, 16);
    --vt-toast-success-fg: rgb(255, 255, 255);
    --vt-toast-error-bg: rgb(209, 52, 56);
    --vt-toast-error-fg: rgb(255, 255, 255);
    --vt-toast-warning-bg: rgb(253, 227, 0);
    --vt-toast-warning-fg: rgb(36, 36, 36);
    --vt-toast-info-bg: rgb(255, 255, 255);
    --vt-toast-info-fg: rgb(36, 36, 36);
    --vt-toast-radius: 4px;
    --vt-toast-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px 0px, rgba(0, 0, 0, 0.14) 0px 8px 16px 0px;
    --vt-toast-border: 0 none;
    --vt-toast-weight: 400;
    --vt-dialog-bg: rgb(255, 255, 255);
    --vt-dialog-fg: rgb(36, 36, 36);
    --vt-dialog-body-fg: rgb(36, 36, 36);
    --vt-dialog-radius: 8px;
    --vt-dialog-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px, rgba(0, 0, 0, 0.24) 0px 32px 64px 0px;
    --vt-dialog-border: 0 none;
    --vt-dialog-shade: rgba(0, 0, 0, 0.32);
    --vt-dialog-title-bg: transparent;
    --vt-dialog-title-border: 1px solid rgb(224, 224, 224);
    --vt-dialog-title-fg: rgb(36, 36, 36);
    --vt-dialog-title-weight: 500;
    --vt-dialog-actions-pad: 0px 16px 12px;
    --vt-dialog-actions-border: 0 none;
    --vt-dialog-actions-minh: 36.0px;
    --vt-dbtn-gap: 8px;
    --vt-dbtn-padx: 8.0px;
    --vt-dbtn-o-state-bg: rgb(252, 251, 235);
    --vt-dbtn-o-state-fg: rgb(74, 64, 10);
    --vt-loading-pane-bg: rgb(255, 255, 255);
    --vt-loading-pane-fg: rgb(36, 36, 36);
    --vt-loading-pane-radius: 8px;
    --vt-loading-pane-shadow: rgba(0, 0, 0, 0.14) 0px 8px 16px 0px;
    --vt-loading-pane-border: 0 none;
    --vt-loading-msg-color: rgb(36, 36, 36);
    --vt-loading-msg-weight: 400;
    --vt-loading-spinner-color: rgb(36, 36, 36);
}

html[data-vt-theme="fluent.green-grey.dark"] {
    --vt-toast-success-bg: rgb(16, 178, 48);
    --vt-toast-success-fg: rgb(0, 0, 0);
    --vt-toast-error-bg: rgb(249, 47, 47);
    --vt-toast-error-fg: rgb(0, 0, 0);
    --vt-toast-warning-bg: rgb(253, 227, 0);
    --vt-toast-warning-fg: rgb(0, 0, 0);
    --vt-toast-info-bg: rgb(30, 40, 50);
    --vt-toast-info-fg: rgb(255, 255, 255);
    --vt-toast-radius: 4px;
    --vt-toast-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px 0px, rgba(0, 0, 0, 0.14) 0px 8px 16px 0px;
    --vt-toast-border: 0 none;
    --vt-toast-weight: 400;
    --vt-dialog-bg: rgb(30, 40, 50);
    --vt-dialog-fg: rgb(255, 255, 255);
    --vt-dialog-body-fg: rgb(255, 255, 255);
    --vt-dialog-radius: 8px;
    --vt-dialog-shadow: rgba(0, 0, 0, 0.4) 0px 0px 8px 0px, rgba(0, 0, 0, 0.48) 0px 32px 64px 0px;
    --vt-dialog-border: 0 none;
    --vt-dialog-shade: rgba(0, 0, 0, 0.61);
    --vt-dialog-title-bg: transparent;
    --vt-dialog-title-border: 1px solid rgb(65, 75, 95);
    --vt-dialog-title-fg: rgb(255, 255, 255);
    --vt-dialog-title-weight: 500;
    --vt-dialog-actions-pad: 0px 16px 12px;
    --vt-dialog-actions-border: 0 none;
    --vt-dialog-actions-minh: 36.0px;
    --vt-dbtn-gap: 8px;
    --vt-dbtn-padx: 8.0px;
    --vt-dbtn-o-state-bg: rgba(11, 21, 10, 0.9);
    --vt-dbtn-o-state-fg: rgba(171, 226, 173, 0.9);
    --vt-loading-pane-bg: rgb(30, 40, 50);
    --vt-loading-pane-fg: rgb(255, 255, 255);
    --vt-loading-pane-radius: 8px;
    --vt-loading-pane-shadow: rgba(0, 0, 0, 0.14) 0px 8px 16px 0px;
    --vt-loading-pane-border: 0 none;
    --vt-loading-msg-color: rgb(255, 255, 255);
    --vt-loading-msg-weight: 400;
    --vt-loading-spinner-color: rgb(255, 255, 255);
}

html[data-vt-theme="neo-brutalism.light"] {
    --vt-toast-success-bg: rgb(16, 124, 16);
    --vt-toast-success-fg: rgb(255, 255, 255);
    --vt-toast-error-bg: rgb(209, 52, 56);
    --vt-toast-error-fg: rgb(255, 255, 255);
    --vt-toast-warning-bg: rgb(253, 227, 0);
    --vt-toast-warning-fg: rgb(36, 36, 36);
    --vt-toast-info-bg: rgb(255, 255, 255);
    --vt-toast-info-fg: rgb(36, 36, 36);
    --vt-toast-radius: 8px;
    --vt-toast-shadow: rgb(26, 26, 46) 4px 4px 0px 0px;
    --vt-toast-border: 2.5px solid rgb(26, 26, 46);
    --vt-toast-weight: 600;
    --vt-dialog-bg: rgb(255, 253, 247);
    --vt-dialog-fg: rgb(36, 36, 36);
    --vt-dialog-body-fg: rgb(36, 36, 36);
    --vt-dialog-radius: 12px;
    --vt-dialog-shadow: rgb(26, 26, 46) 6px 6px 0px 0px;
    --vt-dialog-border: 2.5px solid rgb(26, 26, 46);
    --vt-dialog-shade: rgba(0, 0, 0, 0.32);
    --vt-dialog-title-bg: rgb(255, 214, 0);
    --vt-dialog-title-border: 2.5px solid rgb(26, 26, 46);
    --vt-dialog-title-fg: rgb(26, 26, 46);
    --vt-dialog-title-weight: 500;
    --vt-dialog-actions-pad: 0px 16px 12px;
    --vt-dialog-actions-border: 2.5px solid rgb(26, 26, 46);
    --vt-dialog-actions-minh: 36.0px;
    --vt-dbtn-gap: 8px;
    --vt-dbtn-padx: 8.0px;
    --vt-dbtn-o-state-bg: rgb(255, 253, 247);
    --vt-dbtn-o-state-fg: rgb(10, 74, 54);
    --vt-dbtn-p-bg: rgb(15, 189, 140);
    --vt-dbtn-p-fg: rgb(255, 255, 255);
    --vt-dbtn-p-border: 2.5px solid rgb(26, 26, 46);
    --vt-dbtn-p-shadow: rgb(26, 26, 46) 3px 3px 0px 0px;
    --vt-dbtn-d-bg: rgb(239, 68, 68);
    --vt-dbtn-d-fg: rgb(255, 255, 255);
    --vt-dbtn-d-border: 2.5px solid rgb(26, 26, 46);
    --vt-dbtn-d-shadow: rgb(26, 26, 46) 3px 3px 0px 0px;
    --vt-dbtn-o-bg: rgb(255, 253, 247);
    --vt-dbtn-o-fg: rgb(15, 189, 140);
    --vt-dbtn-o-border: 2.5px solid rgb(26, 26, 46);
    --vt-dbtn-o-shadow: rgb(26, 26, 46) 3px 3px 0px 0px;
    --vt-dbtn-radius: 8px;
    --vt-dbtn-height: 24px;
    --vt-dbtn-minw: 100px;
    --vt-dbtn-weight: 500;
    --vt-dbtn-p-state-bg: rgb(15, 189, 140);
    --vt-dbtn-d-state-bg: rgb(239, 68, 68);
    --vt-dbtn-focus-shadow: rgb(26, 26, 46) 3px 3px 0px 0px;
    --vt-dbtn-focus-outline: 3px solid rgb(15, 189, 140);
    --vt-loading-pane-bg: rgb(255, 253, 247);
    --vt-loading-pane-fg: rgb(36, 36, 36);
    --vt-loading-pane-radius: 12px;
    --vt-loading-pane-shadow: rgb(26, 26, 46) 6px 6px 0px 0px;
    --vt-loading-pane-border: 2.5px solid rgb(26, 26, 46);
    --vt-loading-msg-color: rgb(26, 26, 46);
    --vt-loading-msg-weight: 700;
    --vt-loading-spinner-color: rgb(36, 36, 36);
    --vt-loading-pane-dy: 2.5px;
}

html[data-vt-theme="neo-brutalism.dark"] {
    --vt-toast-success-bg: rgb(16, 178, 48);
    --vt-toast-success-fg: rgb(0, 0, 0);
    --vt-toast-error-bg: rgb(249, 47, 47);
    --vt-toast-error-fg: rgb(0, 0, 0);
    --vt-toast-warning-bg: rgb(253, 227, 0);
    --vt-toast-warning-fg: rgb(0, 0, 0);
    --vt-toast-info-bg: rgb(30, 40, 50);
    --vt-toast-info-fg: rgb(255, 255, 255);
    --vt-toast-radius: 8px;
    --vt-toast-shadow: rgb(203, 213, 225) 4px 4px 0px 0px;
    --vt-toast-border: 2.5px solid rgb(203, 213, 225);
    --vt-toast-weight: 600;
    --vt-dialog-bg: rgb(30, 41, 59);
    --vt-dialog-fg: rgb(255, 255, 255);
    --vt-dialog-body-fg: rgb(255, 255, 255);
    --vt-dialog-radius: 12px;
    --vt-dialog-shadow: rgb(203, 213, 225) 6px 6px 0px 0px;
    --vt-dialog-border: 2.5px solid rgb(203, 213, 225);
    --vt-dialog-shade: rgba(0, 0, 0, 0.61);
    --vt-dialog-title-bg: rgb(51, 65, 85);
    --vt-dialog-title-border: 2.5px solid rgb(203, 213, 225);
    --vt-dialog-title-fg: rgb(241, 245, 249);
    --vt-dialog-title-weight: 500;
    --vt-dialog-actions-pad: 0px 16px 12px;
    --vt-dialog-actions-border: 2.5px solid rgb(203, 213, 225);
    --vt-dialog-actions-minh: 36.0px;
    --vt-dbtn-gap: 8px;
    --vt-dbtn-padx: 8.0px;
    --vt-dbtn-o-state-bg: rgb(30, 41, 59);
    --vt-dbtn-o-state-fg: rgba(171, 226, 173, 0.9);
    --vt-dbtn-p-bg: rgb(15, 189, 140);
    --vt-dbtn-p-fg: rgb(255, 255, 255);
    --vt-dbtn-p-border: 2.5px solid rgb(203, 213, 225);
    --vt-dbtn-p-shadow: rgb(203, 213, 225) 3px 3px 0px 0px;
    --vt-dbtn-d-bg: rgb(239, 68, 68);
    --vt-dbtn-d-fg: rgb(255, 255, 255);
    --vt-dbtn-d-border: 2.5px solid rgb(203, 213, 225);
    --vt-dbtn-d-shadow: rgb(203, 213, 225) 3px 3px 0px 0px;
    --vt-dbtn-o-bg: rgb(30, 41, 59);
    --vt-dbtn-o-fg: rgba(84, 199, 85, 0.9);
    --vt-dbtn-o-border: 2.5px solid rgb(203, 213, 225);
    --vt-dbtn-o-shadow: rgb(203, 213, 225) 3px 3px 0px 0px;
    --vt-dbtn-radius: 8px;
    --vt-dbtn-height: 24px;
    --vt-dbtn-minw: 100px;
    --vt-dbtn-weight: 500;
    --vt-dbtn-p-state-bg: rgb(15, 189, 140);
    --vt-dbtn-d-state-bg: rgb(239, 68, 68);
    --vt-dbtn-focus-shadow: rgb(203, 213, 225) 3px 3px 0px 0px;
    --vt-dbtn-focus-outline: 3px solid rgb(15, 189, 140);
    --vt-loading-pane-bg: rgb(30, 41, 59);
    --vt-loading-pane-fg: rgb(255, 255, 255);
    --vt-loading-pane-radius: 12px;
    --vt-loading-pane-shadow: rgb(203, 213, 225) 6px 6px 0px 0px;
    --vt-loading-pane-border: 2.5px solid rgb(203, 213, 225);
    --vt-loading-msg-color: rgb(241, 245, 249);
    --vt-loading-msg-weight: 700;
    --vt-loading-spinner-color: rgb(255, 255, 255);
    --vt-loading-pane-dy: 2.5px;
}

html[data-vt-theme="bamboo.light"] {
    --vt-toast-success-bg: rgb(21, 122, 69);
    --vt-toast-success-fg: rgb(255, 255, 255);
    --vt-toast-error-bg: rgb(188, 53, 53);
    --vt-toast-error-fg: rgb(255, 255, 255);
    --vt-toast-warning-bg: rgb(212, 166, 42);
    --vt-toast-warning-fg: rgb(43, 46, 49);
    --vt-toast-info-bg: rgb(42, 110, 175);
    --vt-toast-info-fg: rgb(255, 255, 255);
    --vt-toast-radius: 10px;
    --vt-toast-shadow: rgba(43, 46, 49, 0.1) 0px 6px 14px 0px, rgba(43, 46, 49, 0.12) 0px 12px 24px 0px;
    --vt-toast-border: 0 none;
    --vt-toast-weight: 400;
    --vt-dialog-bg: rgb(255, 255, 255);
    --vt-dialog-fg: rgb(36, 36, 36);
    --vt-dialog-body-fg: rgb(42, 46, 43);
    --vt-dialog-radius: 10px;
    --vt-dialog-shadow: rgba(43, 46, 49, 0.1) 0px 6px 14px 0px, rgba(43, 46, 49, 0.12) 0px 12px 24px 0px;
    --vt-dialog-border: 1px solid rgb(226, 228, 224);
    --vt-dialog-shade: rgba(22, 25, 23, 0.52);
    --vt-dialog-title-bg: linear-gradient(rgb(247, 251, 242) 0%, rgb(233, 243, 220) 100%);
    --vt-dialog-title-border: 2px solid rgb(30, 158, 90);
    --vt-dialog-title-fg: rgb(42, 46, 43);
    --vt-dialog-title-weight: 700;
    --vt-dialog-actions-pad: 12px 16px;
    --vt-dialog-actions-border: 2px solid rgb(30, 158, 90);
    --vt-dialog-actions-minh: 36.0px;
    --vt-dbtn-gap: 8px;
    --vt-dbtn-padx: 22.0px;
    --vt-dbtn-o-state-bg: linear-gradient(135deg, rgb(128, 206, 70), rgb(95, 182, 58));
    --vt-dbtn-o-state-fg: rgb(20, 51, 10);
    --vt-dbtn-p-bg: linear-gradient(135deg, rgb(128, 206, 70), rgb(95, 182, 58));
    --vt-dbtn-p-fg: rgb(20, 51, 10);
    --vt-dbtn-p-border: 0 none;
    --vt-dbtn-p-shadow: rgba(30, 158, 90, 0.22) 0px 1px 2px 0px, rgba(122, 201, 67, 0.24) 0px 2px 8px 0px;
    --vt-dbtn-d-bg: rgb(188, 53, 53);
    --vt-dbtn-d-fg: rgb(255, 255, 255);
    --vt-dbtn-d-border: 0 none;
    --vt-dbtn-d-shadow: none;
    --vt-dbtn-o-bg: linear-gradient(135deg, rgb(128, 206, 70), rgb(95, 182, 58));
    --vt-dbtn-o-fg: rgb(20, 51, 10);
    --vt-dbtn-o-border: 1px solid rgba(0, 0, 0, 0);
    --vt-dbtn-o-shadow: none;
    --vt-dbtn-radius: 7px;
    --vt-dbtn-height: 34px;
    --vt-dbtn-minw: 24px;
    --vt-dbtn-weight: 500;
    --vt-dbtn-p-state-bg: linear-gradient(135deg, rgb(128, 206, 70), rgb(95, 182, 58));
    --vt-dbtn-d-state-bg: rgb(188, 53, 53);
    --vt-dbtn-focus-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(21, 122, 69) 0px 0px 0px 4px;
    --vt-dbtn-focus-outline: none;
    --vt-loading-pane-bg: rgb(255, 255, 255);
    --vt-loading-pane-fg: rgb(36, 36, 36);
    --vt-loading-pane-radius: 10px;
    --vt-loading-pane-shadow: rgba(43, 46, 49, 0.1) 0px 6px 14px 0px, rgba(43, 46, 49, 0.12) 0px 12px 24px 0px;
    --vt-loading-pane-border: 1px solid rgb(226, 228, 224);
    --vt-loading-msg-color: rgb(36, 36, 36);
    --vt-loading-msg-weight: 400;
    --vt-loading-spinner-color: rgb(36, 36, 36);
}

html[data-vt-theme="bamboo.dark"] {
    --vt-toast-success-bg: rgb(52, 184, 114);
    --vt-toast-success-fg: rgb(12, 42, 25);
    --vt-toast-error-bg: rgb(188, 53, 53);
    --vt-toast-error-fg: rgb(255, 255, 255);
    --vt-toast-warning-bg: rgb(232, 196, 92);
    --vt-toast-warning-fg: rgb(43, 46, 49);
    --vt-toast-info-bg: rgb(42, 110, 175);
    --vt-toast-info-fg: rgb(255, 255, 255);
    --vt-toast-radius: 10px;
    --vt-toast-shadow: rgba(0, 0, 0, 0.5) 0px 10px 30px 0px, rgba(0, 0, 0, 0.42) 0px 22px 56px 0px;
    --vt-toast-border: 0 none;
    --vt-toast-weight: 400;
    --vt-dialog-bg: rgb(30, 34, 31);
    --vt-dialog-fg: rgb(255, 255, 255);
    --vt-dialog-body-fg: rgb(233, 236, 231);
    --vt-dialog-radius: 10px;
    --vt-dialog-shadow: rgba(0, 0, 0, 0.5) 0px 10px 30px 0px, rgba(0, 0, 0, 0.42) 0px 22px 56px 0px;
    --vt-dialog-border: 1px solid rgb(51, 57, 52);
    --vt-dialog-shade: rgba(22, 25, 23, 0.52);
    --vt-dialog-title-bg: linear-gradient(rgb(43, 51, 45) 0%, rgb(34, 42, 36) 100%);
    --vt-dialog-title-border: 2px solid rgb(52, 184, 114);
    --vt-dialog-title-fg: rgb(79, 217, 138);
    --vt-dialog-title-weight: 700;
    --vt-dialog-actions-pad: 12px 16px;
    --vt-dialog-actions-border: 2px solid rgb(52, 184, 114);
    --vt-dialog-actions-minh: 36.0px;
    --vt-dbtn-gap: 8px;
    --vt-dbtn-padx: 22.0px;
    --vt-dbtn-o-state-bg: linear-gradient(135deg, rgb(143, 232, 92), rgb(111, 207, 74));
    --vt-dbtn-o-state-fg: rgb(16, 36, 26);
    --vt-dbtn-p-bg: linear-gradient(135deg, rgb(143, 232, 92), rgb(111, 207, 74));
    --vt-dbtn-p-fg: rgb(16, 36, 26);
    --vt-dbtn-p-border: 0 none;
    --vt-dbtn-p-shadow: rgba(30, 158, 90, 0.22) 0px 1px 2px 0px, rgba(122, 201, 67, 0.24) 0px 2px 8px 0px;
    --vt-dbtn-d-bg: rgb(188, 53, 53);
    --vt-dbtn-d-fg: rgb(255, 255, 255);
    --vt-dbtn-d-border: 0 none;
    --vt-dbtn-d-shadow: none;
    --vt-dbtn-o-bg: linear-gradient(135deg, rgb(143, 232, 92), rgb(111, 207, 74));
    --vt-dbtn-o-fg: rgb(16, 36, 26);
    --vt-dbtn-o-border: 1px solid rgba(0, 0, 0, 0);
    --vt-dbtn-o-shadow: none;
    --vt-dbtn-radius: 7px;
    --vt-dbtn-height: 34px;
    --vt-dbtn-minw: 24px;
    --vt-dbtn-weight: 500;
    --vt-dbtn-p-state-bg: linear-gradient(135deg, rgb(143, 232, 92), rgb(111, 207, 74));
    --vt-dbtn-d-state-bg: rgb(188, 53, 53);
    --vt-dbtn-focus-shadow: rgb(30, 34, 31) 0px 0px 0px 2px, rgb(143, 232, 92) 0px 0px 0px 4px;
    --vt-dbtn-focus-outline: none;
    --vt-loading-pane-bg: rgb(30, 34, 31);
    --vt-loading-pane-fg: rgb(255, 255, 255);
    --vt-loading-pane-radius: 10px;
    --vt-loading-pane-shadow: rgba(0, 0, 0, 0.5) 0px 10px 30px 0px, rgba(0, 0, 0, 0.42) 0px 22px 56px 0px;
    --vt-loading-pane-border: 1px solid rgb(51, 57, 52);
    --vt-loading-msg-color: rgb(255, 255, 255);
    --vt-loading-msg-weight: 400;
    --vt-loading-spinner-color: rgb(255, 255, 255);
}