:root {
    --van-primary-color: #2d2d2d;
    --van-tabbar-item-icon-margin-bottom: 2px;
    --van-dialog-confirm-button-text-color: #a108ff;
    --van-button-default-color: #aaacad;
    --van-gray-6: #c8c9cc;
    --yellow: #ffd563;
    --red: #ff0000;
    --green: #00b016;
    --van-empty-padding: 100px 10px;
    --van-empty-image-size: 200px;
    --van-empty-description-font-size: 14px;
    --van-empty-description-color: #8c7af8;
    --van-empty-description-margin-top: 16px;
}

ion-content {
    &::-webkit-scrollbar {
        display: none;
        scrollbar-width: none;
    }
}
ion-toast.info-toast {
    --background: var(--ion-color-step-800);
    --color: var(--ion-color-light);
}
ion-toast.success-toast {
    --background: var(--ion-color-success);
    --color: var(--ion-color-light);
}
ion-toast.error-toast {
    --background: var(--ion-color-danger);
    --color: var(--ion-color-light);
}

ion-toolbar {
    --border-style: none;
    --background: var(--ion-color-step-0);
    ion-back-button {
        --color: var(--ion-color-step-900);
    }
    ion-button {
        --color: var(--ion-color-step-900);
    }
}
ion-refresher {
    --color: var(--ion-color-step-400);
}
ion-button {
    --border-radius: 4px;
}
ion-modal.dialog {
    --width: fit-content;
    --height: fit-content;
    --border-radius: 6px;
    --box-shadow: 0 2px 6px rgba(var(--ion-color-light-contrast-rgb), 0.05);
}
.refresher-pulling-icon {
    color: var(--ion-color-step-400) !important;
}
.van-button--primary {
    background: linear-gradient(135deg, #a108ff 0%, #5c7cff 100%);
    border-width: 0;
}
.van-button--plain {
    background: transparent;
    --van-button-primary-background: #a108ff;
}
.van-button {
    --van-button-normal-font-size: 14px;
}
.gt {
    background: linear-gradient(135deg, #d700ff 0%, #3e22ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
