html[data-theme="orange-light"] {
    --wallet-default-bank-image-filter: hue-rotate(229deg) brightness(1.8);

    /* ========================
     Foundation
     ======================== */
    --color-primary: #c84b10;
    --color-primary-dark: #9f3509;
    --color-primary-light: #fff0e4;
    --color-brand-gold: #d8a832;
    --color-brand-gold-dark: #9a6812;
    --color-page: #faf7f3;
    --color-surface: #ffffff;
    --color-border: #ded6cc;
    --color-text: #24211f;

    --color-text-secondary: #685f58;
    --color-text-muted: #91877e;
    --color-success: #247445;
    --color-success-soft: #e8f5eb;
    --color-warning: #9a6812;
    --color-warning-soft: #fff3d9;
    --color-danger: #bf3434;

    --color-danger-soft: #fff0ee;

    --color-disabled: #e9e3dc;
    --color-disabled-text: #756b63;
    --color-input-background: #ffffff;
    --color-input-placeholder: #766c64;
    --title-text: var(--color-text);
    --input-border: 1px solid var(--color-border);
    --primary-gradient: linear-gradient(90deg,
            var(--color-primary-dark),
            var(--color-primary));

    /* ========================
     About Us
     ======================== */
    --about-us-about-card-text: #5f5f5f;
    --about-us-about-card-bg: #fff;
    --about-us-about-card-shadow: 0 8px 22px rgba(0, 0, 0, 0.04);
    --about-us-about-card-text-2: #1d1d1d;
    --about-us-mission-card-text: #3c3c3c;
    --about-us-section-head-text: #b16b00;
    --about-us-about-features-bg: #fff;
    --about-us-about-features-shadow: 0 8px 22px rgba(0, 0, 0, 0.04);
    --about-us-feature-card-bg: #fff3e8;

    --about-us-feature-card-text: #1e1e1e;
    --about-us-about-values-bg: linear-gradient(180deg, #ffffff 0%, #eefff4 100%);

    /* ========================
     Add Account Sheet
     ======================== */

    --add-account-sheet-field-error-text: var(--color-error, #dc2626);

    /* ========================
     Amount Selector
     ======================== */
    --amount-selector-currency-conversion-note-border: 1px solid color-mix(in srgb, var(--color-primary) 35%, transparent);
    --amount-selector-currency-conversion-note-bg: color-mix(in srgb, var(--color-primary) 12%, white);

    --amount-selector-input-wrap-border: 1px solid var(--color-border);

    --amount-selector-input-wrap-bg-2: transparent;

    --amount-selector-quick-amounts-border: 1px solid var(--color-border);

    /* ========================
     Authentication
     ======================== */

    --authentication-page-bg: radial-gradient(circle at top left, #f5ac6440, transparent 30%), radial-gradient(circle at bottom right, #d8a83230, transparent 35%), linear-gradient(180deg, #fff6ed, #ffffff);
    --authentication-status-icon-success-text: #39a43e;
    --authentication-status-icon-success-bg: #d8fada;
    --authentication-status-icon-error-bg: #fde8e6;
    --authentication-root-text: #1f1f1f;
    --authentication-root-text-2: #717182;
    --authentication-reset-card-bg: rgba(255, 255, 255, 0.92);
    --authentication-tab-option-bg: #fff;
    --authentication-tab-option-border: 1px solid #eee4da;
    --authentication-tab-option-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
    --authentication-tab-option-text: #545f6b;

    --authentication-tab-option-active-text: #fff;
    --authentication-tab-option-active-border-color: transparent;
    --authentication-tab-option-whatsapp-active-bg: linear-gradient(160deg, #1E9B6A 0%, #2ED573 100%);
    --authentication-tab-option-email-active-bg: linear-gradient(135deg, #000053, #0000ce);
    --authentication-tab-option-base-icon-text: #bdcada;
    --authentication-tab-option-active-base-icon-text: #fff;

    --authentication-error-text: #d63d3d;
    --authentication-login-card-bg: rgba(255, 255, 255, 0.92);
    --authentication-eye-btn-text: #666;

    --authentication-register-success-text: #39a43e;
    --authentication-register-success-text-2: #717182;
    --authentication-register-success-small-text: #717182;
    --authentication-base-icon-text: #39a43e;
    --authentication-base-icon-bg: #d8fada;
    --authentication-home-btn-border: 1px solid var(--color-primary);
    --authentication-register-card-bg: rgba(255, 255, 255, 0.92);
    --authentication-phone-country-code-bg: var(--color-surface, #fff);
    --authentication-phone-country-code-border: 1px solid var(--color-border, #ded6cc);
    --authentication-phone-country-code-text: var(--color-text-primary, #111827);
    --authentication-change-phone-btn-bg: transparent;

    --authentication-verification-method-border: 1px solid var(--color-border, #ded6cc);
    --authentication-verification-method-bg: var(--color-surface, #fff);
    --authentication-verification-method-text: var(--color-text-secondary, #685f58);

    --authentication-verification-group-border: 1px solid var(--color-border, #ded6cc);
    --authentication-verification-group-bg: #f5f5f5;
    --authentication-otp-input-wrap-verified-otp-input-border-color: var(--color-success, #1f7a45);
    --authentication-otp-locked-value-border: 1px solid var(--color-success, #1f7a45);

    --authentication-otp-check-icon-text: var(--color-success, #1f7a45);
    --authentication-verification-status-row-text: var(--color-text-secondary, #685f58);
    --authentication-verification-status-row-whatsapp-text: #25d366;

    --authentication-countdown-text: var(--color-text-secondary, #685f58);
    --authentication-resend-btn-bg: transparent;
    --authentication-change-method-btn-text: var(--color-text-secondary, #685f58);
    --authentication-field-note-text: var(--color-text-secondary, #685f58);
    --authentication-referral-toggle-bg: transparent;
    --authentication-referral-toggle-text: #393939;

    --authentication-referral-arrow-bg: #cff1e3;
    --authentication-password-input-invalid-border-color: rgba(214, 61, 61, 0.55);
    --authentication-password-input-invalid-shadow: 0 0 0 4px rgba(214, 61, 61, 0.08);
    --authentication-field-error-text: #d63d3d;
    --authentication-field-success-text: #1f7a45;

    /* ========================
     Banking Details
     ======================== */

    --banking-details-setup-notice-border: 1px solid #f1dfc5;
    --banking-details-setup-notice-bg: #fff7eb;
    --banking-details-setup-notice-text: #6d4b12;

    --banking-details-btn-secondary-border: 1px solid var(--color-brand-gold-dark);

    --banking-details-loading-state-border: 1px solid var(--color-border);

    --banking-details-loading-spinner-border: 3px solid var(--color-primary-light);

    --banking-details-bank-card-hover-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
    --banking-details-dropdown-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
    --banking-details-dropdown-border: 1px solid var(--color-border);

    --banking-details-dropdown-item-delete-text: #d32f2f;

    --banking-details-empty-border: 1px dashed var(--color-border);

    /* ========================
     Base Button
     ======================== */

    --base-button-btn-outline-bg: transparent;
    --base-button-btn-outline-border: 2px solid var(--color-primary);

    --base-button-btn-spinner-border: 2px solid rgba(255, 255, 255, 0.4);
    --base-button-btn-spinner-border-top-color: white;

    /* ========================
     Base Date Picker
     ======================== */
    --base-date-picker-root-border: 1px solid #ddd;

    --base-date-picker-focus-shadow: 0 0 0 3px rgba(230, 88, 58, 0.12);
    --base-date-picker-disabled-bg: #f5f5f5;
    --base-date-picker-disabled-text: #999;
    --base-date-picker-icon-text: #8a837b;
    --base-date-picker-flatpickr-calendar-border: 1px solid #f0e1d7;
    --base-date-picker-flatpickr-calendar-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);
    --base-date-picker-flatpickr-months-bg: #fff0e4;

    --base-date-picker-flatpickr-day-flatpickr-disabled-text: rgba(57, 57, 57, 0.3);

    /* ========================
     Base Dropdown
     ======================== */
    --base-dropdown-dropdown-default-bg: #F2F3F5;
    --base-dropdown-dropdown-default-border-color: #E1E1E1;
    --base-dropdown-dropdown-white-bg: white;
    --base-dropdown-dropdown-white-border-color: #E1E1E1;

    --base-dropdown-dropdown-white-arrow-text: #7F7F7F;
    --base-dropdown-dropdown-menu-bg: white;
    --base-dropdown-dropdown-menu-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    --base-dropdown-dropdown-item-hover-bg: #f5f5f5;
    --base-dropdown-dropdown-badge-text: #8c5a00;
    --base-dropdown-badge-warning-text: #8c5a00;
    --base-dropdown-dropdown-enter-from-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --base-dropdown-dropdown-enter-to-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

    /* ========================
     Base Modal
     ======================== */
    --base-modal-box-bg: #fff;
    --base-modal-close-text: #BCBCBC;
    --base-modal-close-hover-text: #5a5a5a;

    /* ========================
     Base Pagination
     ======================== */
    --base-pagination-pagination-btn-border: 1px solid #ded6cc;
    --base-pagination-pagination-btn-bg: #fff;
    --base-pagination-pagination-btn-text: #555;
    /* ========================
     Base Sheet
     ======================== */
    --base-sheet-bottom-sheet-bg: rgba(255, 255, 255, 0.98);
    --base-sheet-bottom-sheet-shadow: 0 -12px 36px rgba(15, 23, 42, 0.14);
    --base-sheet-sheet-handle-bg: rgba(17, 24, 39, 0.14);
    --base-sheet-sheet-close-bg: rgba(17, 24, 39, 0.06);
    --base-sheet-overlay-bg: rgba(17, 24, 39, 0.22);

    /* ========================
     Base Slider
     ======================== */

    --base-slider-prev-bg: rgba(255, 255, 255, 0.85);
    --base-slider-prev-hover-bg: #fff;
    --base-slider-dot-bg: rgba(255, 255, 255, 0.5);
    --base-slider-dot-active-bg: #ffffff;

    /* ========================
     Bottom Bar
     ======================== */
    --bottom-bar-mission-wrap-bg: linear-gradient(135deg, rgba(216, 168, 50, 0.18) 0%, rgba(200, 75, 16, 0.12) 100%);
    --bottom-bar-active-icon-bg: linear-gradient(135deg, rgba(200, 75, 16, 0.14) 0%, rgba(216, 168, 50, 0.18) 100%);
    --bottom-bar-bottom-tab-bg: rgba(255, 255, 255, 0.94);
    --bottom-bar-bottom-tab-border-top: 1px solid rgba(240, 240, 240, 0.9);
    --bottom-bar-bottom-tab-shadow: 0 -8px 24px rgba(0, 0, 0, 0.06);

    /* ========================
     Category Tabs
     ======================== */

    --category-tabs-tab-shadow: 0 10px 26px rgba(0, 0, 0, 0.05);

    /* ========================
     Change Password
     ======================== */
    --change-password-section-head-text: #74706a;
    --change-password-form-focus-border-color: rgba(200, 75, 16, 0.35);
    --change-password-form-focus-shadow: 0 0 0 4px #fff0e4;

    --change-password-input-wrapper-invalid-border-color: rgba(214, 61, 61, 0.55);
    --change-password-input-wrapper-invalid-shadow: 0 0 0 4px rgba(214, 61, 61, 0.08);
    --change-password-meter-segment-bg: #f0e5dc;
    --change-password-meter-segment-active-bg: linear-gradient(90deg, #c84b10 0%, #ff8a00 100%);
    --change-password-meter-segment-strength-1-active-bg: #ef4444;
    --change-password-meter-segment-strength-2-active-bg: #f59e0b;
    --change-password-meter-segment-strength-3-active-bg: #22c55e;
    --change-password-password-checklist-bg: #fff8f4;
    --change-password-password-checklist-border: 1px solid #f4e6da;
    --change-password-check-item-text: #806f62;
    --change-password-check-item-passed-text: #1f7a45;
    --change-password-check-dot-bg: #d8c8ba;
    --change-password-check-item-passed-check-dot-bg: #2fb366;
    --change-password-check-item-passed-check-dot-shadow: 0 0 0 4px rgba(47, 179, 102, 0.14);
    --change-password-strength-0-text: #d63d3d;
    --change-password-strength-2-bg: #fff6e6;
    --change-password-strength-2-text: #cc7a00;
    --change-password-strength-3-bg: #eefaf2;
    --change-password-strength-3-text: #1f7a45;
    --change-password-error-text: #d63d3d;
    --change-password-success-note-text: #1f7a45;
    --change-password-toggle-text: #4e4e4d;

    /* ========================
     Confirmation Modal
     ======================== */
    --confirmation-modal-confirmation-text-text: #5f5954;
    --confirmation-modal-confirmation-text-text-2: #1f1f1f;
    --confirmation-modal-confirmation-cancel-bg: #f4ede6;
    --confirmation-modal-confirmation-cancel-border: 1px solid #d9dce1;
    --confirmation-modal-confirmation-cancel-text: #4b5563;

    /* ========================
     Contact Us
     ======================== */
    --contact-us-contact-card-bg: rgba(255, 255, 255, 0.92);
    --contact-us-contact-card-shadow: 0 14px 30px rgba(0, 0, 0, 0.05);
    --contact-us-section-head-text-2: #756c64;
    --contact-us-contact-row-border: 1px solid #ded6cc;

    --contact-us-contact-icon-bg: #FFF;

    --contact-us-contact-copy-text: #1f1f1f;
    --contact-us-contact-copy-text-2: #756c64;
    --contact-us-state-card-bg: #fffaf7;
    --contact-us-state-card-border: 1px dashed #ead7c7;
    --contact-us-state-card-text: #7c7168;
    --contact-us-qr-sheet-header-text: #8c7563;
    --contact-us-qr-sheet-header-text-2: #1f1f1f;
    --contact-us-qr-image-border: 1px solid #f1e4d8;
    --contact-us-qr-image-bg: #ffffff;
    --contact-us-qr-note-text: #756c64;

    /* ========================
     Crypto Deposit Modal
     ======================== */

    --crypto-deposit-modal-timer-border: 1px solid var(--color-border);

    --crypto-deposit-modal-amount-panel-border: 1px solid var(--color-danger);

    --crypto-deposit-modal-info-row-border: 1px solid var(--color-border);

    --crypto-deposit-modal-promo-note-border: 1px solid var(--color-border);
    --crypto-deposit-modal-promo-label-text: #5f7b68;
    --crypto-deposit-modal-promo-value-text: #346446;
    --crypto-deposit-modal-qr-card-border: 1px solid var(--color-border);

    --crypto-deposit-modal-address-card-border: 1px solid var(--color-border);
    --crypto-deposit-modal-address-value-text: #111;

    /* ========================
     Daily Check In
     ======================== */

    --daily-check-in-check-in-card-border: 1px solid var(--color-border);

    --daily-check-in-day-box-border: 1px solid var(--color-border);

    --daily-check-in-day-box-checked-border-color: color-mix(in srgb, var(--color-primary) 45%, var(--color-border));

    --daily-check-in-day-box-available-border: 2px solid var(--color-primary);
    --daily-check-in-day-box-available-bg: color-mix(in srgb, var(--color-primary-light) 65%, var(--color-surface));

    --daily-check-in-milestone-day-border-color: color-mix(in srgb, var(--color-brand-gold) 55%, var(--color-border));
    --daily-check-in-milestone-day-bg: color-mix(in srgb, var(--color-warning-soft) 50%, var(--color-surface));

    /* ========================
     Deposit
     ======================== */

    --deposit-method-count-border: 1px solid var(--color-border);

    --deposit-coin-rate-pill-bg: linear-gradient(90deg, rgba(255, 184, 0, 0.15), rgba(255, 140, 0, 0.12));
    --deposit-coin-rate-pill-text: #b45309;
    --deposit-coin-rate-pill-border: 1px solid rgba(255, 184, 0, 0.25);

    --deposit-method-card-border: 1px solid var(--color-border);

    --deposit-method-card-hover-shadow: 0 12px 22px rgba(0, 0, 0, 0.06);

    --deposit-note-border: 1px solid var(--color-border);

    /* ========================
     Deposit Method
     ======================== */

    --deposit-method-channel-item-border: 1px solid var(--color-border);

    --deposit-method-channel-maintenance-icon-bg: var(--color-warning, #f59e0b);
    --deposit-method-channel-maintenance-icon-text: #fff;

    --deposit-method-bank-details-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);

    --deposit-method-upload-receipt-note-text: #515151;

    --deposit-method-upload-btn-border: 1px solid var(--color-border);

    --deposit-method-promo-details-bg: #fff8f8;
    --deposit-method-promo-details-border: 1px solid #f5c2c2;
    --deposit-method-promo-details-text: #662626;
    --deposit-method-promo-applied-input-bg: linear-gradient(180deg, #fffaf7 0%, #fff4ec 100%);
    --deposit-method-promo-applied-input-border: 1px solid #ecd9c9;
    --deposit-method-promo-applied-input-text: #5a483b;
    --deposit-method-promo-text-button-bg: transparent;

    --deposit-method-promo-text-button-cancel-text: #7e746c;
    --deposit-method-promo-inline-row-bg: #fff;
    --deposit-method-promo-inline-row-border: 1px solid #e1e1e1;
    --deposit-method-promo-code-input-bg: transparent;
    --deposit-method-promo-applied-input-bg-2: #f8f8f8;
    --deposit-method-promo-applied-input-text-2: #555;
    --deposit-method-promo-applied-code-text: #2f2a26;
    --deposit-method-promo-applied-status-bg: #e5f7eb;
    --deposit-method-promo-applied-status-border: 1px solid #b8e8c7;
    --deposit-method-promo-applied-status-text: #16783a;
    --deposit-method-promo-selected-text-text: #4a4039;

    --deposit-method-promo-mini-button-border: 1px solid #e1e1e1;
    --deposit-method-promo-mini-button-bg: #f8f8f8;
    --deposit-method-promo-mini-button-text: #655a53;
    --deposit-method-promo-mini-button-primary-bg: #fff3f3;
    --deposit-method-promo-mini-button-primary-border-color: rgba(200, 75, 16, 0.18);

    --deposit-method-promo-mini-button-hover-disabled-bg: #f3f3f3;
    --deposit-method-promo-mini-button-primary-hover-disabled-bg: #fff0e4;
    --deposit-method-promo-mini-button-primary-hover-disabled-border-color: rgba(0, 226, 30, 0.24);

    --deposit-method-locked-field-border: 1px solid var(--color-border);

    /* ========================
     Game Card
     ======================== */
    --game-card-root-bg: white;
    --game-card-root-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    --game-card-root-bg-2: #fff;
    --game-card-game-badge-text: #fff;
    --game-card-game-badge-hot-bg: #ef4444;
    --game-card-game-badge-new-bg: #16a34a;
    --game-card-fallback-bg: #dedede;
    --game-card-fallback-text: #8a8a8a;

    /* ========================
     Game Card With Rtp
     ======================== */
    --game-card-with-rtp-rtp-bg: #7d5600;
    --game-card-with-rtp-rtp-text: white;
    --game-card-with-rtp-fallback-bg: #dedede;
    --game-card-with-rtp-fallback-text: #8a8a8a;

    /* ========================
     Game Category
     ======================== */
    --game-category-page-bg: #ffffff;

    --game-category-category-header-text: white;

    /* ========================
     Game Grid
     ======================== */
    --game-grid-empty-state-bg: #fff;

    /* ========================
     Game Note Modal
     ======================== */
    --game-note-modal-checkbox-text: #6a6a6a;
    --game-note-modal-checkmark-border: 1px solid #9a9a9a;
    --game-note-modal-checkbox-checkmark-checked-bg: #c84b10;
    --game-note-modal-checkbox-checkmark-checked-border-color: #c84b10;
    --game-note-modal-checkmark-after-border: solid white;

    /* ========================
     Game Section
     ======================== */

    /* ========================
     Global
     ======================== */

    --global-card-shadow: 0 10px 26px rgba(0, 0, 0, 0.05);
    --global-shadow-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);

    --global-btn-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

    --global-btn-primary-text: #ffffff;

    --global-btn-warning-text: #000;
    --global-btn-hover-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);

    --global-form-group-border: 1px solid var(--color-border);

    --global-form-group-focus-shadow: 0 0 0 4px var(--color-primary-light);

    --global-form-group-required-after-text: red;

    --global-search-input-wrapper-bg-2: transparent;

    --global-skeleton-bg: linear-gradient(90deg, #e4e4e4 25%, #d5d5d5 37%, #e4e4e4 63%);
    --global-dropdown-enter-from-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --global-dropdown-enter-to-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    --global-overlay-bg: rgba(0, 0, 0, 0.5);
    --global-modal-overlay-bg: rgba(0, 0, 0, 0.5);

    /* ========================
     Global Loading Overlay
     ======================== */
    --global-loading-overlay-loading-overlay-bg: rgba(255, 255, 255, 0.7);
    --global-loading-overlay-spinner-border: 4px solid #e5e5e5;
    --global-loading-overlay-spinner-border-top: 4px solid #333;

    /* ========================
     Global Toast
     ======================== */
    --global-toast-toast-text: #fff;
    --global-toast-toast-shadow: 0 10px 20px rgba(0, 0, 0, 0.14);
    --global-toast-toast-border: 1px solid rgba(255, 255, 255, 0.22);
    --global-toast-toast-success-bg: linear-gradient(135deg, #22a163, #38c172);
    --global-toast-toast-error-bg: linear-gradient(135deg, #df4040, #ff6b6b);
    --global-toast-toast-icon-wrap-bg: transparent;
    --global-toast-toast-icon-ring-track-stroke: rgba(255, 255, 255, 0.28);
    --global-toast-toast-icon-ring-progress-stroke: rgba(255, 255, 255, 0.98);
    --global-toast-toast-text-text: rgba(255, 255, 255, 0.98);

    /* ========================
     Header
     ======================== */
    --header-login-btn-shadow: 0 10px 18px rgba(196, 0, 0, 0.24);
    --header-logout-btn-shadow: 0 10px 18px rgba(217, 31, 17, 0.18);
    --header-topbar-bg: linear-gradient(90deg, #1f1d1b, #3b2a1f);
    --header-topbar-text: #f7e5c4;
    --header-topbar-shadow: 0 2px 8px rgba(220, 38, 38, 0.35);
    --header-root-bg: rgba(255, 255, 255, 0.92);

    --header-root-border-bottom: 1px solid var(--color-border);
    --header-root-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);

    --header-login-btn-text: #fff;
    --header-wallet-balance-btn-bg: transparent;

    --header-wallet-icon-text: #fff;

    --header-message-count-bg: var(--color-primary);
    --header-message-count-text: #fff;

    --header-wallet-menu-bg: #fff;
    --header-wallet-menu-border: 1px solid var(--color-border);
    --header-wallet-menu-shadow: 0 16px 26px rgba(0, 0, 0, 0.08);
    --header-wallet-item-text: #000;
    --header-wallet-item-hover-text: #9f3509;

    /* ========================
     History
     ======================== */

    --history-summary-pill-border: 1px solid var(--color-border);

    --history-filters-section-border: 1px solid var(--color-border);
    --history-quick-chip-border: 1px solid var(--color-border);

    --history-card-border: 1px solid var(--color-border);

    --history-bet-count-badge-border: 1px solid var(--color-border);

    --history-type-badge-bg: #e9e9e9;

    --history-amount-negative-text: #d03939;

    --history-status-badge-pending-text: #bb7b00;
    --history-status-badge-rejected-text: #d03939;

    --history-state-card-border: 1px solid var(--color-border);

    /* ========================
     Home
     ======================== */
    --home-popup-overlay-bg: rgba(0, 0, 0, 0.6);
    --home-close-btn-text: #fff;

    /* ========================
     Language Switcher
     ======================== */
    --language-switcher-lang-row-border-bottom: 1px solid #f2ede8;
    --language-switcher-country-name-text: #2f2924;
    --language-switcher-lang-link-bg: transparent;
    --language-switcher-lang-link-text: #756b62;

    --language-switcher-divider-text: #b3a79d;

    /* ========================
     Launch Game
     ======================== */
    --launch-game-launch-screen-bg: #0f0f0f;
    --launch-game-launch-screen-text: #fff;
    --launch-game-spinner-border: 4px solid rgba(255, 255, 255, 0.15);
    --launch-game-spinner-border-top-color: #fff;
    --launch-game-loading-text-text: #aaa;
    --launch-game-error-card-bg: #1a1a1a;
    --launch-game-error-card-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
    --launch-game-error-card-border: 1px solid rgba(226, 0, 0, 0.25);
    --launch-game-error-message-text: #bbb;
    --launch-game-error-btn-bg: linear-gradient(135deg, #e20000, #ff3b3b);
    --launch-game-error-btn-text: #fff;
    --launch-game-error-btn-hover-shadow: 0 6px 16px rgba(226, 0, 0, 0.4);

    /* ========================
     Layout
     ======================== */
    --layout-empty-state-border: 1px solid #ded6cc;
    /* ========================
     Maintenance Modal
     ======================== */
    --maintenance-modal-checkbox-text: #6a6a6a;

    /* ========================
     Match Card
     ======================== */
    --match-card-root-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
    --match-card-root-bg: white;
    --match-card-kickoff-text: #000;
    --match-card-team-bg: #f3f3f3;
    --match-card-team-border: 1px solid #d8d8d8;

    /* ========================
     Message
     ======================== */

    --message-card-bg: #FFF;
    --message-card-header-text: #222;
    --message-card-header-text-2: #111827;
    --message-badge-bg: rgba(130, 108, 0, 0.08);
    --message-badge-text: #8a4c00;
    --message-tabs-bg: #fff0e4;
    --message-tab-bg: transparent;
    --message-tab-text: #5ca165;

    --message-tab-active-text: #ffffff;
    --message-tab-active-shadow: 0 3px 8px rgba(15, 23, 42, 0.12);
    --message-tab-count-bg: rgba(255, 255, 255, 0.68);
    --message-tab-count-text: #8e6a52;
    --message-tab-active-tab-count-bg: rgba(255, 255, 255, 0.18);
    --message-tab-active-tab-count-text: #ffffff;
    --message-table-card-border: 1px solid rgba(244, 230, 219, 0.95);
    --message-table-card-bg: linear-gradient(180deg, #ffffff, #fffaf6);
    --message-table-head-bg: rgba(255, 251, 247, 0.96);
    --message-table-head-border-bottom: 1px solid rgba(242, 228, 214, 0.9);
    --message-table-head-text: #9b8476;
    --message-row-border-bottom: 1px solid rgba(242, 232, 223, 0.95);
    --message-row-bg: transparent;
    --message-row-hover-bg: rgba(200, 75, 16, 0.04);
    --message-row-before-bg: transparent;
    --message-row-unread-bg: linear-gradient(135deg, #fffaf5, #fff0e4);
    --message-row-unread-shadow: inset 0 0 0 1px rgba(200, 75, 16, 0.06);
    --message-row-unread-row-title-text: #0f172a;
    --message-row-unread-row-title-text-2: #4b5563;

    --message-unread-dot-shadow: 0 0 0 4px rgba(200, 75, 16, 0.1);
    --message-row-unread-row-date-text: #4b5563;
    --message-row-unread-row-date-text-2: #8a7f77;

    --message-empty-border: 1px dashed rgb(176 216 179 / 95%);
    --message-empty-bg: #f9fff9;
    --message-empty-icon-text: #b89d88;
    --message-empty-text: #111827;
    --message-error-bg: rgba(255, 59, 48, 0.08);
    --message-error-border: 1px solid rgba(255, 59, 48, 0.12);
    --message-sheet-header-text: #111827;
    --message-sheet-content-text: #374151;
    --message-table-card-bg-2: transparent;
    --message-row-border: 1px solid rgba(60, 60, 67, 0.1);
    --message-row-bg-2: rgba(255, 255, 255, 0.98);
    --message-row-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
    --message-row-last-child-border-bottom: 1px solid rgba(60, 60, 67, 0.1);
    --message-row-date-mobile-text-2: #8b93a1;

    /* ========================
     Mission
     ======================== */

    --mission-tab-border: 1px solid var(--color-border);

    --mission-card-border: 1px solid var(--color-border);

    --mission-claimable-border-color: color-mix(in srgb,
            var(--color-primary) 45%,
            var(--color-border));

    --mission-progress-track-bg: #d9dee6;

    --mission-empty-state-border: 1px dashed var(--color-border);

    /* ========================
     Notice Bar
     ======================== */
    --notice-bar-root-text: #1A1A1A;
    --notice-bar-root-bg: #fff;
    --notice-bar-notice-track-text: #1A1A1A;

    /* ========================
     Otp Input
     ======================== */
    --otp-input-root-border: 1px solid #ddd;

    /* ========================
     Profile
     ======================== */
    --profile-hero-bg: linear-gradient(145deg, #fff0e4 0%, #fffaf4 100%);
    --profile-shortcut-card-border: 1px solid #f0e4d8;
    --profile-shortcut-card-bg: linear-gradient(180deg, #fff 0%, #fff8f2 100%);
    --profile-shortcut-card-shadow: 0 8px 18px rgba(0, 0, 0, 0.04);
    --profile-identity-sheet-info-text: #666;

    --profile-upload-btn-border: 1px solid #ded6cc;
    --profile-upload-btn-text: #55514c;

    --profile-upload-btn-hover-text: white;
    --profile-identity-file-name-text: #555;
    --profile-progress-text-text: #929292;

    --profile-info-row-border: 1px solid #ded6cc;
    --profile-info-label-text: #55514c;
    --profile-verified-bg: rgba(64, 176, 108, 0.14);
    --profile-verified-text: #187544;
    --profile-unverified-bg: rgba(255, 184, 77, 0.18);
    --profile-unverified-text: #9b5b00;
    --profile-telegram-icon-text: #229ed9;
    --profile-telegram-connect-btn-bg: #229ed9;
    --profile-telegram-connect-btn-text: #fff;
    --profile-shortcut-card-text: #2f2f2f;
    --profile-verified-badge-bg: rgba(255, 184, 77, 0.18);
    --profile-verified-badge-text: #9b5b00;
    --profile-verified-badge-border: 1px solid rgba(36, 116, 69, 0.24);
    --profile-verified-badge-success-bg: rgba(64, 176, 108, 0.12);
    --profile-verified-badge-success-border-color: rgba(64, 176, 108, 0.2);
    --profile-verified-badge-success-text: #187544;
    --profile-verified-icon-text: #22c55e;
    --profile-verify-strip-bg: linear-gradient(90deg, rgba(255, 184, 0, 0.15), rgba(255, 140, 0, 0.12));
    --profile-verify-strip-text: #b45309;
    --profile-verify-strip-border: 1px solid rgba(255, 184, 0, 0.25);
    --profile-verify-strip-icon-text: #f59e0b;
    /* ========================
     Profile Edit Sheet
     ======================== */
    --profile-edit-sheet-profile-edit-info-text: #666;

    /* ========================
     Promotion
     ======================== */
    --promotion-heading-text: var(--color-text-secondary, #685f58);
    --promotion-category-bar-border: 1px solid var(--color-border, #ded6cc);
    --promotion-category-bar-bg: var(--color-surface, #fff);
    --promotion-category-bar-text: var(--color-text-secondary, #685f58);
    --promotion-category-bar-active-border-color: var(--color-primary, #c84b10);
    --promotion-category-bar-active-bg: var(--color-primary, #c84b10);
    --promotion-category-bar-active-text: #fff;
    --promotion-category-bar-bg-2: var(--color-primary-light, #fff0e4);
    --promotion-category-bar-text-2: var(--color-primary-dark, #9f3509);
    --promotion-category-bar-active-bg-2: rgba(255, 255, 255, 0.2);
    --promotion-card-border: 1px solid var(--color-border, #ded6cc);
    --promotion-card-bg: var(--color-surface, #fff);
    --promotion-card-hover-border-color: var(--color-primary-light, #fff0e4);
    --promotion-card-hover-bg: #fff9f2;
    --promotion-image-bg: #eef1f4;
    --promotion-detail-image-bg: #eef1f4;
    --promotion-copy-text: var(--color-text, #24211f);
    --promotion-countdown-bg: var(--color-warning-soft, #fff4d8);
    --promotion-countdown-text: var(--color-text, #24211f);
    --promotion-countdown-border: 1px solid var(--color-brand-gold-dark, #b98208);
    --promotion-countdown-shadow: 0 2px 8px rgba(17, 24, 39, 0.16);
    --promotion-chevron-text: var(--color-text-muted, #91877e);
    --promotion-detail-countdown-border: 1px solid var(--color-border, #ded6cc);
    --promotion-detail-countdown-bg: var(--color-warning-soft, #fff4d8);
    --promotion-detail-countdown-text: var(--color-text, #24211f);
    --promotion-detail-countdown-title-text: var(--color-warning, #b98208);
    --promotion-countdown-unit-border: 1px solid rgba(185, 130, 8, 0.25);
    --promotion-countdown-unit-bg: var(--color-surface, #fff);
    --promotion-countdown-unit-text: var(--color-text, #24211f);
    --promotion-countdown-unit-text-2: var(--color-text-secondary, #685f58);
    --promotion-detail-content-text: var(--color-text, #24211f);
    --promotion-detail-content-border-left: 3px solid var(--color-primary, #c84b10);
    --promotion-detail-content-text-2: var(--color-text-secondary, #685f58);
    --promotion-detail-content-text-3: var(--color-primary, #c84b10);
    --promotion-detail-content-border: 1px solid var(--color-border, #ded6cc);
    --promotion-detail-content-bg: var(--color-surface-secondary, #f5f7f8);
    --promotion-detail-content-bg-2: #bfdbfe;
    --promotion-detail-content-text-4: #111827;
    --promotion-application-form-text: var(--color-text, #24211f);
    --promotion-application-form-border: 1px solid var(--color-border, #ded6cc);

    /* ========================
     Provider Grid
     ======================== */
    --provider-grid-provider-bg: #fff;
    --provider-grid-maintenance-overlay-bg: rgba(24, 24, 27, 0.46);
    --provider-grid-maintenance-icon-text: rgba(255, 255, 255, 0.8);
    --provider-grid-fallback-bg: #dedede;
    --provider-grid-fallback-text: #8a8a8a;

    /* ========================
     Provider Top Bar
     ======================== */
    --provider-top-bar-topbar-bg: rgba(255, 255, 255, 0.9);
    --provider-top-bar-topbar-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    --provider-top-bar-provider-dropdown-logo-filter: none;

    /* ========================
     Quick Action Card
     ======================== */

    --quick-action-card-bg-2: #9b6428;
    --quick-action-card-bg-3: #b68b29;
    --quick-action-card-bg-4: #9b5128;
    --quick-action-card-bg-5: #514b47;
    --quick-action-card-text-1: white;
    --quick-action-card-text-2: white;
    --quick-action-card-quick-action-count-bg: #ffcf33;
    --quick-action-card-quick-action-count-text: #2b2117;
    --quick-action-card-quick-action-count-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);

    /* ========================
     Referral
     ======================== */
    --referral-card-bg: var(--color-surface, #fff);
    --referral-card-border: 1px solid var(--color-border, #ded6cc);
    --referral-surface-card-bg: var(--color-surface, #fff);
    --referral-surface-card-border: 1px solid var(--color-border, #ded6cc);
    --referral-section-heading-text: var(--color-text, #24211f);
    --referral-summary-card-border-left: 1px solid var(--color-border, #ded6cc);
    --referral-summary-card-text: var(--color-text-secondary, #685f58);
    --referral-summary-card-text-2: var(--color-text, #24211f);
    --referral-monthly-earnings-border-left: 1px solid var(--color-border, #ded6cc);
    --referral-monthly-earnings-text-2: var(--color-text-secondary, #685f58);
    --referral-tier-item-bg: transparent;
    --referral-tier-item-text: var(--color-text, #24211f);
    --referral-tier-item-border-left: 1px solid var(--color-border, #ded6cc);
    --referral-tier-item-first-child-text: var(--color-text, #24211f);

    --referral-summary-loading-text: var(--color-text-secondary, #685f58);
    --referral-invite-card-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);

    --referral-invite-header-text: var(--color-text, #24211f);
    --referral-history-link-border: 1px solid var(--color-border, #ded6cc);

    --referral-qr-box-border: 1px solid #d9d9d9;
    --referral-qr-box-bg: #ffffff;
    --referral-qr-section-text: var(--color-text-secondary, #6b7280);
    --referral-link-control-border: 1px solid var(--color-border, #ded6cc);
    --referral-link-control-bg: #fff;
    --referral-link-control-bg-2: transparent;
    --referral-link-control-text: var(--color-text-secondary, #685f58);
    --referral-link-control-border-left: 1px solid var(--color-border, #ded6cc);
    --referral-link-control-bg-3: var(--color-primary-light, #fff0e4);

    --referral-link-control-share-action-text: #fff;
    --referral-tools-list-bg: var(--color-surface, #fff);
    --referral-tool-row-border-bottom: 1px solid var(--color-border, #ded6cc);
    --referral-tool-row-text: var(--color-text, #24211f);
    --referral-tool-button-bg: transparent;
    --referral-tool-chevron-text: var(--color-text-muted, #9ca3af);

    /* ========================
     Referral Card
     ======================== */
    --referral-card-card-bg: linear-gradient(90deg, rgb(255 184 0 / 23%), rgb(255 0 0 / 31%));

    --referral-card-referral-action-text: #545F6B;
    --referral-card-referral-action-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
    --referral-card-referral-action-bg: #ffffffa8;

    /* ========================
     Referral Commission
     ======================== */
    --referral-commission-surface-card-bg: var(--color-surface, #fff);
    --referral-commission-surface-card-border: 1px solid var(--color-border, #ded6cc);

    --referral-commission-page-header-text: var(--color-text, #24211f);
    --referral-commission-back-button-border: 1px solid var(--color-border, #ded6cc);
    --referral-commission-back-button-bg: var(--color-surface, #fff);

    --referral-commission-loading-state-text: var(--color-text-secondary, #685f58);
    --referral-commission-second-layer-earnings-border-left: 1px solid var(--color-border, #ded6cc);
    --referral-commission-total-earnings-border-left: 1px solid var(--color-border, #ded6cc);

    --referral-commission-total-earnings-text: var(--color-text-secondary, #685f58);
    --referral-commission-total-earnings-text-2: var(--color-text, #24211f);
    --referral-commission-tier-item-bg: transparent;
    --referral-commission-tier-item-text: var(--color-text, #24211f);
    --referral-commission-tier-item-border-left: 1px solid var(--color-border, #ded6cc);
    --referral-commission-tier-item-first-child-text: var(--color-text-secondary, #685f58);

    --referral-commission-tier-item-first-child-text-2: var(--color-text, #24211f);
    --referral-commission-tier-item-text-3: var(--color-text-secondary, #685f58);

    --referral-commission-rate-row-text: var(--color-text, #24211f);
    --referral-commission-rate-values-text: var(--color-text-secondary, #685f58);

    --referral-commission-empty-rates-text: var(--color-text-secondary, #685f58);
    --referral-commission-detail-row-border-bottom: 1px solid var(--color-border, #ded6cc);
    --referral-commission-detail-row-text: var(--color-text, #24211f);
    --referral-commission-detail-row-text-2: var(--color-text-secondary, #685f58);

    --referral-commission-empty-details-text: var(--color-text-secondary, #685f58);

    /* ========================
     Referral History
     ======================== */
    --referral-history-surface-card-bg: var(--color-surface, #fff);
    --referral-history-surface-card-border: 1px solid var(--color-border, #ded6cc);

    --referral-history-page-header-text: var(--color-text, #24211f);
    --referral-history-back-button-border: 1px solid var(--color-border, #ded6cc);
    --referral-history-back-button-bg: var(--color-surface, #fff);

    --referral-history-filter-field-text: var(--color-text-secondary, #685f58);
    --referral-history-filter-field-border: 1px solid var(--color-border, #ded6cc);
    --referral-history-filter-field-bg: #fff;
    --referral-history-filter-field-text-2: var(--color-text, #24211f);
    --referral-history-quick-ranges-border: 1px solid var(--color-border, #ded6cc);
    --referral-history-quick-ranges-bg: #fff;
    --referral-history-quick-ranges-text: var(--color-text-secondary, #685f58);

    --referral-history-quick-ranges-active-bg: var(--color-primary-light, #fff0e4);

    --referral-history-apply-button-text: #fff;
    --referral-history-state-card-text: var(--color-text-secondary, #685f58);

    --referral-history-empty-state-text: var(--color-text, #24211f);
    --referral-history-history-topline-text: var(--color-text, #24211f);
    --referral-history-history-context-text: var(--color-text-secondary, #685f58);
    --referral-history-status-badge-bg: #f4ede6;
    --referral-history-status-badge-text: var(--color-text-secondary, #685f58);
    --referral-history-status-badge-used-bg: var(--color-primary-light, #fff0e4);

    --referral-history-status-badge-expired-bg: #fef2f2;
    --referral-history-status-badge-expired-text: #b42318;

    /* ========================
     Referral Share Sheet
     ======================== */
    --referral-share-sheet-sheet-copy-text: var(--color-text-secondary, #685f58);
    --referral-share-sheet-share-sheet-item-border: 1px solid var(--color-border, #ded6cc);
    --referral-share-sheet-share-sheet-item-bg: var(--color-surface, #fff);
    --referral-share-sheet-share-sheet-item-text: var(--color-text-secondary, #685f58);
    --referral-share-sheet-share-icon-bg: var(--color-primary-light, #fff0e4);

    /* ========================
     Referral Status
     ======================== */
    --referral-status-surface-card-bg: var(--color-surface, #fff);
    --referral-status-surface-card-border: 1px solid var(--color-border, #ded6cc);

    --referral-status-page-header-text: var(--color-text, #24211f);
    --referral-status-back-button-border: 1px solid var(--color-border, #ded6cc);
    --referral-status-back-button-bg: var(--color-surface, #fff);

    --referral-status-summary-card-border-left: 1px solid var(--color-border, #ded6cc);
    --referral-status-summary-card-text: var(--color-text-secondary, #685f58);
    --referral-status-summary-card-text-2: var(--color-text, #24211f);
    --referral-status-requirements-border-bottom: 1px solid var(--color-border, #ded6cc);
    --referral-status-requirements-text: var(--color-text-secondary, #685f58);
    --referral-status-requirements-text-2: var(--color-text, #24211f);
    --referral-status-total-count-bg: var(--color-primary-light, #fff0e4);

    --referral-status-state-card-bg: var(--color-surface, #fff);
    --referral-status-state-card-border: 1px solid var(--color-border, #ded6cc);
    --referral-status-state-card-text: var(--color-text-secondary, #685f58);
    --referral-status-referee-text: var(--color-text, #24211f);
    --referral-status-referee-text-2: var(--color-text-secondary, #685f58);
    --referral-status-status-badge-approved-bg: var(--color-primary-light, #fff0e4);

    --referral-status-status-badge-pending-bg: #f4ede6;
    --referral-status-status-badge-pending-text: var(--color-text-secondary, #685f58);
    --referral-status-status-badge-failed-bg: #fef2f2;
    --referral-status-status-badge-failed-text: #b42318;
    --referral-status-progress-label-text: var(--color-text-secondary, #685f58);
    --referral-status-progress-label-text-2: var(--color-text, #24211f);
    --referral-status-progress-track-bg: #edf0f2;

    --referral-status-referral-card-footer-border-top: 1px solid var(--color-border, #ded6cc);

    --referral-status-referral-card-footer-text: #fff;

    /* ========================
     Referral Terms
     ======================== */

    --referral-terms-page-header-text: var(--color-text, #24211f);
    --referral-terms-back-button-border: 1px solid var(--color-border, #ded6cc);
    --referral-terms-back-button-bg: var(--color-surface, #fff);

    --referral-terms-intro-text: var(--color-text-secondary, #685f58);
    --referral-terms-terms-list-bg: var(--color-surface, #fff);
    --referral-terms-terms-list-border: 1px solid var(--color-border, #ded6cc);
    --referral-terms-terms-list-border-bottom: 1px solid var(--color-border, #ded6cc);

    --referral-terms-terms-list-text-2: var(--color-text, #24211f);
    --referral-terms-terms-list-text-3: var(--color-text-secondary, #685f58);

    /* ========================
     Sidebar
     ======================== */
    --sidebar-root-bg-image: linear-gradient(180deg, #fff4e8 0%, #ffffff 100%);

    --sidebar-root-border-right: 1px solid var(--color-border);
    --sidebar-close-btn-border: 1px solid var(--color-border);
    --sidebar-close-btn-bg: rgba(255, 255, 255, 0.9);

    --sidebar-member-strip-border: 1px solid var(--color-border);
    --sidebar-member-strip-bg: #fff;
    --sidebar-member-strip-top-border-bottom: 1px solid var(--color-border);
    --sidebar-profile-icon-btn-border: 1px solid color-mix(in srgb, var(--color-primary) 16%, transparent);
    --sidebar-profile-icon-btn-bg: #fff;

    --sidebar-deposit-btn-text: #fff;
    --sidebar-guest-actions-text: #7f8a9d;

    --sidebar-action-primary-text: #fff;
    --sidebar-block-border: 1px solid var(--color-border);
    --sidebar-block-bg: rgba(255, 255, 255, 0.92);
    --sidebar-grid-item-bg: #fff;
    --sidebar-grid-item-border: 1px solid var(--color-border);

    --sidebar-grid-item-hover-border-color: rgba(200, 75, 16, 0.14);

    --sidebar-list-item-border-bottom: 1px solid var(--color-border);
    --sidebar-list-button-bg: transparent;

    --sidebar-logout-bg: rgba(255, 255, 255, 0.92);

    --sidebar-language-border: 1px solid var(--color-border);
    --sidebar-language-bg: rgba(255, 255, 255, 0.92);

    /* ========================
     Upcoming Match
     ======================== */
    --upcoming-match-league-tabs-bg: #f4f6f8;
    --upcoming-match-league-tab-bg: #ded6cc;
    --upcoming-match-league-tab-active-bg: #111827;
    --upcoming-match-league-tab-active-text: white;

    /* ========================
     Verification Modal
     ======================== */
    --verification-modal-phone-sheet-badge-bg: rgba(216, 168, 50, 0.14);
    --verification-modal-phone-sheet-badge-text: #8c5a00;
    --verification-modal-verify-phone-input-text: #302a25;
    --verification-modal-verify-phone-input-border: 1px solid rgba(0, 0, 0, 0.12);
    --verification-modal-verify-phone-input-bg: #fff;
    --verification-modal-verify-method-option-border: 1px solid rgba(0, 0, 0, 0.08);
    --verification-modal-verify-method-option-bg: #f6f3ef;
    --verification-modal-verify-method-option-text: #4a433c;

    --verification-modal-verify-method-option-active-bg: rgba(216, 168, 50, 0.16);
    --verification-modal-verify-method-option-active-text: #221f1b;
    --verification-modal-phone-verify-text-text: #665f58;
    --verification-modal-phone-code-group-text: #302a25;
    --verification-modal-phone-resend-bg: transparent;

    --verification-modal-otp-input-border: 1px solid #ddd;

    /* ========================
     Voucher
     ======================== */
    --voucher-tabs-bg: #fff;
    --voucher-tab-bg: transparent;
    --voucher-tab-text: #6d7784;
    --voucher-tab-active-text: #fff;

    --voucher-tab-count-bg: #ffcf33;
    --voucher-tab-count-text: #2b2117;

    /* ========================
     Voucher History
     ======================== */
    --voucher-history-history-item-bg: #fff;
    --voucher-history-history-item-text: #1f1f1f;
    --voucher-history-history-item-text-2: #7d756e;
    --voucher-history-history-item-text-3: #999;
    --voucher-history-history-badge-used-bg: #f2f2f2;
    --voucher-history-history-badge-used-text: #757575;
    --voucher-history-history-badge-expired-text: #c24a4a;
    --voucher-history-voucher-state-border: 1px dashed #eed7c7;
    --voucher-history-voucher-state-bg: #fff;
    --voucher-history-voucher-state-text: #776d65;
    --voucher-history-voucher-state-text-2: #2d2d2d;

    /* ========================
     Voucher List
     ======================== */
    --voucher-list-voucher-item-bg: #fff;
    --voucher-list-voucher-copy-text: #1f1f1f;
    --voucher-list-voucher-copy-text-2: #7d756e;
    --voucher-list-voucher-value-text: #00a86b;
    --voucher-list-voucher-state-border: 1px dashed #eed7c7;
    --voucher-list-voucher-state-bg: #fff;
    --voucher-list-voucher-state-text: #776d65;
    --voucher-list-voucher-state-text-2: #2d2d2d;
    --voucher-list-voucher-turnover-bg: #f3f1ef;
    --voucher-list-voucher-turnover-text: #746d67;

    /* ========================
     Voucher Redeem
     ======================== */
    --voucher-redeem-redeem-copy-text: #756d66;

    /* ========================
     Wallet
     ======================== */
    --wallet-pending-alert-bg: linear-gradient(135deg, #fff3df 0%, #fffaf0 100%);
    --wallet-pending-alert-text: #b86a00;
    --wallet-pending-alert-border: 1px solid #f4dfbf;
    --wallet-pending-alert-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);

    --wallet-balance-chip-bg: rgba(255, 255, 255, 0.16);
    --wallet-balance-chip-border: 1px solid rgba(255, 255, 255, 0.16);
    --wallet-refresh-icon-bg: rgba(255, 255, 255, 0.14);

    --wallet-rebate-claim-button-disabled-bg: #d7d7d7;
    --wallet-rebate-claim-button-disabled-text: #fff;

    --wallet-transaction-card-border: 1px solid var(--color-border);
    --wallet-transaction-card-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
    --wallet-type-badge-deposit-bg: rgba(64, 176, 108, 0.14);
    --wallet-type-badge-deposit-text: #1d7f4d;
    --wallet-type-badge-withdraw-bg: rgba(200, 75, 16, 0.1);
    --wallet-type-badge-withdraw-text: #bf2f2f;

    --wallet-right-success-text: #00a86b;
    --wallet-right-pending-text: #ff9800;

    --wallet-status-success-text: #00a86b;
    --wallet-status-pending-text: #ff9800;
    --wallet-status-rejected-text: #FF0000;

    /* ========================
     Withdraw
     ======================== */
    --withdraw-turnover-summary-item-border: 1px solid var(--color-border, #ded6cc);
    --withdraw-turnover-summary-item-bg: var(--color-surface, #fff);
    --withdraw-turnover-summary-item-text: var(--color-text-secondary, #685f58);
    --withdraw-turnover-summary-item-text-2: var(--color-text, #111827);
    --withdraw-turnover-summary-item-outstanding-border-color: #ffccc7;
    --withdraw-turnover-summary-item-outstanding-bg: #fff2f0;
    --withdraw-turnover-summary-item-outstanding-text: #cf1322;
    --withdraw-maintenance-banner-border: 1px solid #ffd591;
    --withdraw-maintenance-banner-bg: linear-gradient(135deg, #fff7e6 0%, #ffe7ba 100%);
    --withdraw-maintenance-banner-text: #8a4b00;
    --withdraw-maintenance-banner-shadow: 0 10px 24px rgba(204, 122, 0, 0.12);
    --withdraw-maintenance-overlay-bg: rgb(246 247 250 / 45%);
    --withdraw-maintenance-overlay-card-bg: #fff8ef;
    --withdraw-maintenance-overlay-card-text: #7a4300;
    --withdraw-maintenance-overlay-card-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
    --withdraw-tab-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

    --withdraw-maintenance-text-text: #ff4d4f;
    --withdraw-maintenance-icon-text: rgb(0, 0, 0);
    --withdraw-no-bank-text: #747474;
    --withdraw-no-bank-icon-text: #D0D0D0;
    --withdraw-setup-notice-border: 1px solid #f1dfc5;
    --withdraw-setup-notice-bg: #fff7eb;
    --withdraw-setup-notice-text: #6d4b12;
    --withdraw-setup-inline-button-border: 1px dashed rgba(200, 75, 16, 0.35);
    --withdraw-setup-inline-button-bg: #fff7f7;

    --withdraw-crypto-rate-display-border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}