/* All Color Variables extracted from colorneed.css */
:root, :host {
    /* Base Vant Colors - Must be defined first */
    --van-black: #000;
    --van-white: #fff;
    --van-gray-1: #f7f8fa;
    --van-gray-2: #f2f3f5;
    --van-gray-3: #ebedf0;
    --van-gray-4: #dcdee0;
    --van-gray-5: #c8c9cc;
    --van-gray-6: #969799;
    --van-gray-7: #646566;
    --van-gray-8: #323233;
    --van-red: #B22222;
    --van-blue: #B22222;
    --van-orange: #B22222;
    --van-orange-dark: #8B0000;
    --van-orange-light: #FFD700;
    --van-green: #B22222;
    --van-gradient-red: linear-gradient(to right, #8B0000, #B22222);
    --van-gradient-orange: linear-gradient(to right, #B22222, #FFD700);
    --van-primary-color: #B22222;
    --van-success-color: #B22222;
    --van-danger-color: #8B0000;
    --van-warning-color: #B22222;
    --van-text-color: var(--van-gray-8);
    --van-text-color-2: var(--van-gray-6);
    --van-text-color-3: var(--van-gray-5);
    --van-active-color: var(--van-gray-2);
    --van-active-opacity: .6;
    --van-disabled-opacity: .5;
    --van-background: var(--van-gray-1);
    --van-background-2: var(--van-white);
    --van-background-3: var(--van-white);
    --van-border-color: var(--van-gray-3);
    --van-border-width: 1px;
    --van-radius-sm: 2px;
    --van-radius-md: 4px;
    --van-radius-lg: 8px;
    --van-radius-max: 999px;
    
    /* Main App Colors - Dark Red Design */
    --main-color: #B22222;
    --main-color-golden: #FFD700;
    --main_gradient-color: linear-gradient(90deg, #8B0000 0%, #B22222 100%);
    --main_gradient-color2: linear-gradient(180deg, #8B0000 0%, #B22222 100%);
    --light-main_gradient-color: var(--main_gradient-color);
    --light-main-color: var(--main-color);
    --pop_bg-color: linear-gradient(180deg, #8B0000 0%, #B22222 68.59%);
    --van-button-primary-background: var(--main-color);
    --van-button-primary-border-color: var(--main-color);
    --van-sidebar-text-color: var(--main-color);
    --van-picker-confirm-action-color: var(--main-color);
    --van-checkbox-checked-icon-color: var(--main-color);
    --van-radio-checked-icon-color: var(--main-color);
    --van-circle-color: var(--main-color);
    --van-calendar-range-edge-background: var(--main-color);
    
    --swiper-theme-color: #B22222;
    --van-action-bar-background: var(--van-background-2);
    --van-action-bar-button-danger-color: var(--van-gradient-red);
    --van-action-bar-button-warning-color: var(--van-gradient-orange);
    --van-action-bar-icon-active-color: var(--van-active-color);
    --van-action-bar-icon-background: var(--van-background-2);
    --van-action-bar-icon-color: var(--van-text-color);
    --van-action-bar-icon-text-color: var(--van-text-color);
    --van-action-sheet-cancel-padding-color: var(--van-background);
    --van-action-sheet-cancel-text-color: var(--van-gray-7);
    --van-action-sheet-close-icon-color: var(--van-gray-5);
    --van-action-sheet-description-color: var(--van-text-color-2);
    --van-action-sheet-item-background: var(--van-background-2);
    --van-action-sheet-item-disabled-text-color: var(--van-text-color-3);
    --van-action-sheet-item-text-color: var(--van-text-color);
    --van-action-sheet-subname-color: var(--van-text-color-2);
    --van-active-color: #3a3a3c;
    --van-address-list-disabled-text-color: var(--van-text-color-2);
    --van-address-list-item-disabled-text-color: var(--van-text-color-3);
    --van-address-list-item-text-color: var(--van-text-color);
    --van-address-list-radio-color: var(--van-primary-color);
    --van-back-top-background: var(--van-blue);
    --van-back-top-text-color: #fff;
    --van-background: #000;
    --van-background-2: #1c1c1e;
    --van-background-3: #37363b;
    --van-badge-background: var(--van-danger-color);
    --van-badge-border-width: var(--van-border-width);
    --van-badge-color: var(--van-white);
    --van-badge-dot-color: var(--van-danger-color);
    --van-barrage-color: var(--van-white);
    --van-border-color: #3a3a3c;
    --van-border-width: 1px;
    --van-button-border-width: var(--van-border-width);
    --van-button-danger-background: var(--van-danger-color);
    --van-button-danger-border-color: var(--van-danger-color);
    --van-button-danger-color: var(--van-white);
    --van-button-default-background: var(--van-background-2);
    --van-button-default-border-color: var(--van-gray-4);
    --van-button-default-color: var(--van-text-color);
    --van-button-plain-background: transparent;
    --van-button-primary-background: var(--van-primary-color);
    --van-button-primary-border-color: var(--van-primary-color);
    --van-button-primary-color: var(--van-white);
    --van-button-success-background: var(--van-success-color);
    --van-button-success-border-color: var(--van-success-color);
    --van-button-success-color: var(--van-white);
    --van-button-warning-background: var(--van-warning-color);
    --van-button-warning-border-color: var(--van-warning-color);
    --van-button-warning-color: var(--van-white);
    --van-calendar-background: var(--van-background-2);
    --van-calendar-day-disabled-color: var(--van-gray-7);
    --van-calendar-header-action-color: var(--van-text-color);
    --van-calendar-header-action-disabled-color: var(--van-text-color-3);
    --van-calendar-month-mark-color: rgba(100, 101, 102, .2);
    --van-calendar-range-edge-background: var(--van-primary-color);
    --van-calendar-range-edge-color: var(--van-white);
    --van-calendar-range-middle-background-opacity: .1;
    --van-calendar-range-middle-color: var(--van-primary-color);
    --van-calendar-selected-day-background: var(--van-primary-color);
    --van-calendar-selected-day-color: var(--van-white);
    --van-card-background: var(--van-background);
    --van-card-desc-color: var(--van-text-color-2);
    --van-card-num-color: var(--van-text-color-2);
    --van-card-origin-price-color: var(--van-text-color-2);
    --van-card-price-color: var(--van-text-color);
    --van-card-text-color: var(--van-text-color);
    --van-cascader-active-color: var(--van-primary-color);
    --van-cascader-close-icon-color: var(--van-gray-5);
    --van-cascader-option-disabled-color: var(--van-text-color-3);
    --van-cascader-tab-color: var(--van-text-color);
    --van-cascader-unselected-tab-color: var(--van-text-color-2);
    --van-cell-active-color: var(--van-active-color);
    --van-cell-background: var(--van-background-2);
    --van-cell-border-color: var(--van-border-color);
    --van-cell-group-background: var(--van-background-2);
    --van-cell-group-title-color: var(--van-text-color-2);
    --van-cell-label-color: var(--van-text-color-2);
    --van-cell-required-color: var(--van-danger-color);
    --van-cell-right-icon-color: var(--van-gray-6);
    --van-cell-text-color: var(--van-text-color);
    --van-cell-value-color: var(--van-text-color-2);
    --van-checkbox-border-color: var(--van-gray-5);
    --van-checkbox-checked-icon-color: var(--van-primary-color);
    --van-checkbox-disabled-background: var(--van-border-color);
    --van-checkbox-disabled-icon-color: var(--van-gray-5);
    --van-checkbox-disabled-label-color: var(--van-text-color-3);
    --van-checkbox-label-color: var(--van-text-color);
    --van-circle-color: var(--van-primary-color);
    --van-circle-layer-color: var(--van-white);
    --van-circle-text-color: var(--van-text-color);
    --van-collapse-item-content-background: var(--van-background-2);
    --van-collapse-item-content-text-color: var(--van-text-color-2);
    --van-collapse-item-title-disabled-color: var(--van-text-color-3);
    --van-contact-card-add-icon-color: var(--van-primary-color);
    --van-contact-list-radio-color: var(--van-primary-color);
    --van-count-down-text-color: var(--van-text-color);
    --van-coupon-active-background: var(--van-active-color);
    --van-coupon-amount-color: var(--van-primary-color);
    --van-coupon-background: var(--van-background-2);
    --van-coupon-cell-selected-text-color: var(--van-text-color);
    --van-coupon-checkbox-color: var(--van-primary-color);
    --van-coupon-content-text-color: var(--van-text-color);
    --van-coupon-description-border-color: var(--van-border-color);
    --van-coupon-disabled-text-color: var(--van-text-color-2);
    --van-coupon-list-background: var(--van-background);
    --van-coupon-list-empty-tip-color: var(--van-text-color-2);
    --van-danger-color: var(--van-red);
    --van-dialog-background: var(--van-background-2);
    --van-dialog-confirm-button-text-color: var(--van-primary-color);
    --van-dialog-has-title-message-text-color: var(--van-gray-7);
    --van-divider-border-color: var(--van-border-color);
    --van-divider-text-color: var(--van-text-color-2);
    --van-dropdown-menu-background: var(--van-background-2);
    --van-dropdown-menu-option-active-color: var(--van-primary-color);
    --van-dropdown-menu-option-disabled-color: var(--van-text-color-3);
    --van-dropdown-menu-title-active-text-color: var(--van-primary-color);
    --van-dropdown-menu-title-disabled-text-color: var(--van-text-color-2);
    --van-dropdown-menu-title-text-color: var(--van-text-color);
    --van-empty-description-color: var(--van-text-color-2);
    --van-field-clear-icon-color: var(--van-gray-5);
    --van-field-disabled-text-color: var(--van-text-color-3);
    --van-field-error-message-color: var(--van-danger-color);
    --van-field-input-disabled-text-color: var(--van-text-color-3);
    --van-field-input-error-text-color: var(--van-danger-color);
    --van-field-input-text-color: var(--van-text-color);
    --van-field-label-color: var(--van-text-color);
    --van-field-placeholder-text-color: var(--van-text-color-3);
    --van-field-required-mark-color: var(--van-red);
    --van-field-right-icon-color: var(--van-gray-6);
    --van-field-word-limit-color: var(--van-gray-7);
    --van-floating-bubble-background: var(--van-primary-color);
    --van-floating-bubble-border-radius: var(--van-radius-max);
    --van-floating-bubble-color: var(--van-background-2);
    --van-floating-panel-background: var(--van-background-2);
    --van-floating-panel-bar-color: var(--van-gray-5);
    --van-floating-panel-border-radius: 16px;
    --van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
    --van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
    --van-grid-item-content-active-color: var(--van-active-color);
    --van-grid-item-content-background: var(--van-background-2);
    --van-grid-item-text-color: var(--van-text-color);
    --van-highlight-tag-color: var(--van-primary-color);
    --van-image-error-icon-color: var(--van-gray-4);
    --van-image-loading-icon-color: var(--van-gray-4);
    --van-image-placeholder-background: var(--van-background);
    --van-image-placeholder-text-color: var(--van-text-color-2);
    --van-image-preview-close-icon-color: var(--van-gray-5);
    --van-image-preview-index-text-color: var(--van-white);
    --van-image-preview-overlay-background: rgba(0, 0, 0, .9);
    --van-index-anchor-background: transparent;
    --van-index-anchor-sticky-background: var(--van-background-2);
    --van-index-anchor-sticky-text-color: var(--van-primary-color);
    --van-index-anchor-text-color: var(--van-text-color);
    --van-index-bar-index-active-color: var(--van-primary-color);
    --van-list-text-color: var(--van-text-color-2);
    --van-loading-spinner-color: var(--van-gray-5);
    --van-loading-text-color: var(--van-text-color-2);
    --van-nav-bar-background: var(--van-background-2);
    --van-nav-bar-icon-color: var(--van-primary-color);
    --van-nav-bar-text-color: var(--van-primary-color);
    --van-nav-bar-title-text-color: var(--van-text-color);
    --van-notice-bar-background: var(--van-orange-light);
    --van-notice-bar-text-color: var(--van-orange-dark);
    --van-notify-danger-background: var(--van-danger-color);
    --van-notify-primary-background: var(--van-primary-color);
    --van-notify-success-background: var(--van-success-color);
    --van-notify-text-color: var(--van-white);
    --van-notify-warning-background: var(--van-warning-color);
    --van-number-keyboard-background: var(--van-gray-8);
    --van-number-keyboard-button-background: var(--van-primary-color);
    --van-number-keyboard-button-text-color: var(--van-white);
    --van-number-keyboard-close-color: var(--van-primary-color);
    --van-number-keyboard-key-active-color: var(--van-gray-6);
    --van-number-keyboard-key-background: var(--van-gray-7);
    --van-number-keyboard-title-color: var(--van-gray-7);
    --van-overlay-background: rgba(0, 0, 0, .7);
    --van-pagination-background: var(--van-background-2);
    --van-pagination-desc-color: var(--van-gray-7);
    --van-pagination-item-default-color: var(--van-primary-color);
    --van-pagination-item-disabled-background: var(--van-background);
    --van-pagination-item-disabled-color: var(--van-gray-7);
    --van-password-input-background: var(--van-background-2);
    --van-password-input-cursor-color: var(--van-text-color);
    --van-password-input-dot-color: var(--van-text-color);
    --van-password-input-error-info-color: var(--van-danger-color);
    --van-password-input-info-color: var(--van-text-color-2);
    --van-password-input-text-color: var(--van-text-color);
    --van-picker-background: var(--van-background-2);
    --van-picker-cancel-action-color: var(--van-text-color-2);
    --van-picker-confirm-action-color: var(--van-primary-color);
    --van-picker-group-background: var(--van-background-2);
    --van-picker-loading-icon-color: var(--van-primary-color);
    --van-picker-loading-mask-color: rgba(0, 0, 0, .6);
    --van-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1));
    --van-picker-option-text-color: var(--van-text-color);
    --van-popover-dark-action-disabled-text-color: var(--van-text-color-2);
    --van-popover-dark-background: #4a4a4a;
    --van-popover-dark-text-color: var(--van-white);
    --van-popover-light-action-disabled-text-color: var(--van-text-color-3);
    --van-popover-light-background: var(--van-background-2);
    --van-popover-light-text-color: var(--van-text-color);
    --van-popup-background: var(--van-background-2);
    --van-popup-close-icon-color: var(--van-gray-5);
    --van-primary-color: #B22222;
    --van-progress-background: var(--van-gray-3);
    --van-progress-color: var(--van-primary-color);
    --van-progress-inactive-color: var(--van-gray-5);
    --van-progress-pivot-background: var(--van-primary-color);
    --van-progress-pivot-text-color: var(--van-white);
    --van-pull-refresh-head-text-color: var(--van-text-color-2);
    --van-radio-border-color: var(--van-gray-5);
    --van-radio-checked-icon-color: var(--van-primary-color);
    --van-radio-disabled-background: var(--van-border-color);
    --van-radio-disabled-icon-color: var(--van-gray-5);
    --van-radio-disabled-label-color: var(--van-text-color-3);
    --van-radio-label-color: var(--van-text-color);
    --van-rate-icon-disabled-color: var(--van-gray-5);
    --van-rate-icon-full-color: var(--van-danger-color);
    --van-rate-icon-void-color: var(--van-gray-5);
    --van-rolling-text-background: inherit;
    --van-rolling-text-color: var(--van-text-color);
    --van-rolling-text-item-border-radius: 0px;
    --van-search-action-text-color: var(--van-text-color);
    --van-search-background: var(--van-background-2);
    --van-search-content-background: var(--van-background);
    --van-search-label-color: var(--van-text-color);
    --van-search-left-icon-color: var(--van-gray-6);
    --van-share-sheet-cancel-button-background: var(--van-background-2);
    --van-share-sheet-description-color: var(--van-text-color-2);
    --van-share-sheet-option-description-color: var(--van-text-color-3);
    --van-share-sheet-option-name-color: var(--van-gray-7);
    --van-share-sheet-title-color: var(--van-text-color);
    --van-sidebar-active-color: var(--van-active-color);
    --van-sidebar-background: var(--van-background);
    --van-sidebar-disabled-text-color: var(--van-text-color-3);
    --van-sidebar-selected-background: var(--van-background-2);
    --van-sidebar-selected-border-color: var(--van-primary-color);
    --van-sidebar-selected-border-height: 16px;
    --van-sidebar-selected-border-width: 4px;
    --van-sidebar-selected-text-color: var(--van-text-color);
    --van-sidebar-text-color: var(--van-text-color);
    --van-signature-content-background: var(--van-background-2);
    --van-signature-content-border: 1px dotted #dadada;
    --van-skeleton-avatar-background: var(--van-active-color);
    --van-skeleton-paragraph-background: var(--van-active-color);
    --van-slider-active-background: var(--van-primary-color);
    --van-slider-button-background: var(--van-white);
    --van-slider-inactive-background: var(--van-background-3);
    --van-step-active-color: var(--van-primary-color);
    --van-step-circle-color: var(--van-gray-6);
    --van-step-finish-line-color: var(--van-primary-color);
    --van-step-finish-text-color: var(--van-text-color);
    --van-step-line-color: var(--van-border-color);
    --van-step-process-text-color: var(--van-text-color);
    --van-step-text-color: var(--van-text-color-2);
    --van-stepper-background: var(--van-active-color);
    --van-stepper-button-disabled-color: var(--van-background);
    --van-stepper-button-disabled-icon-color: var(--van-gray-5);
    --van-stepper-button-icon-color: var(--van-text-color);
    --van-stepper-button-round-theme-color: var(--van-primary-color);
    --van-stepper-input-disabled-background: var(--van-active-color);
    --van-stepper-input-disabled-text-color: var(--van-text-color-3);
    --van-stepper-input-text-color: var(--van-text-color);
    --van-steps-background: var(--van-background-2);
    --van-submit-bar-background: var(--van-background-2);
    --van-submit-bar-price-color: var(--van-danger-color);
    --van-submit-bar-text-color: var(--van-text-color);
    --van-submit-bar-tip-background: var(--van-orange-light);
    --van-submit-bar-tip-color: var(--van-orange-dark);
    --van-success-color: var(--van-green);
    --van-swipe-indicator-active-background: var(--van-primary-color);
    --van-swipe-indicator-inactive-background: var(--van-border-color);
    --van-switch-background: rgba(120, 120, 128, .32);
    --van-switch-node-background: var(--van-white);
    --van-switch-on-background: var(--van-primary-color);
    --van-tab-active-text-color: var(--van-text-color);
    --van-tab-disabled-text-color: var(--van-text-color-3);
    --van-tab-text-color: var(--van-gray-7);
    --van-tabbar-background: var(--van-background-2);
    --van-tabbar-item-active-background: var(--van-background-2);
    --van-tabbar-item-active-color: var(--van-primary-color);
    --van-tabbar-item-text-color: var(--van-text-color);
    --van-tabs-bottom-bar-color: var(--van-primary-color);
    --van-tabs-default-color: var(--van-primary-color);
    --van-tabs-nav-background: var(--van-background-2);
    --van-tag-danger-color: var(--van-danger-color);
    --van-tag-default-color: var(--van-gray-6);
    --van-tag-plain-background: var(--van-background-2);
    --van-tag-primary-color: var(--van-primary-color);
    --van-tag-success-color: var(--van-success-color);
    --van-tag-text-color: var(--van-white);
    --van-tag-warning-color: var(--van-warning-color);
    --van-text-color: #f5f5f5;
    --van-text-color-2: #707070;
    --van-text-color-3: #4d4d4d;
    --van-text-ellipsis-action-color: var(--van-blue);
    --van-toast-background: rgba(0, 0, 0, .7);
    --van-toast-loading-icon-color: var(--van-white);
    --van-toast-text-color: var(--van-white);
    --van-tree-select-content-background: var(--van-background-2);
    --van-tree-select-item-active-color: var(--van-primary-color);
    --van-tree-select-item-disabled-color: var(--van-gray-5);
    --van-tree-select-nav-background: var(--van-background);
    --van-uploader-border-radius: 0px;
    --van-uploader-delete-background: rgba(0, 0, 0, .7);
    --van-uploader-delete-color: var(--van-white);
    --van-uploader-file-background: var(--van-background);
    --van-uploader-file-icon-color: var(--van-gray-7);
    --van-uploader-file-name-text-color: var(--van-gray-7);
    --van-uploader-icon-color: var(--van-gray-4);
    --van-uploader-loading-icon-color: var(--van-white);
    --van-uploader-mask-background: rgba(50, 50, 51, .88);
    --van-uploader-mask-text-color: var(--van-white);
    --van-uploader-text-color: var(--van-text-color-2);
    --van-uploader-upload-active-color: var(--van-active-color);
    --van-uploader-upload-background: var(--van-gray-1);
    --van-warning-color: var(--van-orange);
}

.van-theme-dark {
    --van-active-color: #3a3a3c;
    --van-background: #000;
    --van-background-2: #1c1c1e;
    --van-background-3: #37363b;
    --van-border-color: #3a3a3c;
    --van-text-color: #f5f5f5;
    --van-text-color-2: #707070;
    --van-text-color-3: #4d4d4d;
}