/* =============================================================================
 *  WARNA TEMA blue-magenta  -  SATU TEMPAT UNTUK MENGGANTI WARNA
 * =============================================================================
 *
 *  CARA PAKAI
 *    Ubah nilai di BAGIAN 1 saja. BAGIAN 2 dan 3 akan mengikuti sendiri.
 *    Contoh: ganti --warna-utama dari #ff00b2 ke #00b2ff, seluruh aksen pink
 *    di desktop dan mobile berubah menjadi biru.
 *
 *    Kalau warna utama diganti, periksa juga kelompok B (pasangan gradien) -
 *    warna itu adalah versi GELAP dari warna utama. Kalau tidak ikut diganti,
 *    gradien tombol akan tampil dua warna yang tidak serasi.
 *
 *  APA ISI BERKAS INI
 *    Semua variabel di kedua berkas tema yang memakai keluarga warna magenta,
 *    DISALIN APA ADANYA, hanya warnanya diganti var(--warna-...):
 *      Content/Theme/normad-alpha-desktop-blue-magenta-css.css
 *      Content/Theme/normad-alpha-mobile-blue-magenta-css.css
 *    Kedua berkas tema asli TIDAK diubah - berkas ini menimpanya.
 *    Dengan nilai bawaan di BAGIAN 1, tampilannya SAMA PERSIS seperti tanpa
 *    berkas ini.
 *
 *  YANG TIDAK BISA DIATUR DARI SINI
 *    - Gambar. Warna di gambar tertanam di berkasnya sendiri, semuanya di:
 *        https://pub-a213d9dbe1564d9090bdd2d887f6f204.r2.dev/Images/v-normad-alpha/blue-magenta/
 *      (30 berkas SVG diketahui memuat #ff00b2; ratusan png/webp lain juga
 *      berwarna tema). Ganti berkasnya, lalu unggah ulang ke bucket R2 dengan
 *      jalur yang sama.
 *    - assets/app.css baris 87 & 92 menulis #ff00b2/#be0085 sebagai NILAI
 *      CADANGAN var(--...). Cadangan itu hanya dipakai bila berkas tema tidak
 *      termuat, jadi dalam keadaan normal tidak pernah terlihat.
 *
 *  KENAPA ADA :root:has(> body[data-variant=...])
 *    Desktop dan mobile memakai berkas tema berbeda, dan sebagian variabel
 *    nilainya BEDA di kedua varian. Ketiga layout menandai <body> dengan
 *    data-variant, jadi tiap nilai hanya berlaku di varian asalnya - persis
 *    seperti berkas tema aslinya. Peramban lama yang belum mengenal :has()
 *    akan mengabaikan blok ini dan tetap memakai warna asli (tidak rusak).
 *
 *  Disusun otomatis dari kedua berkas tema, 01-Oct-2026.
 * ========================================================================== */


/* ---------------------------------------------------------------------------
 *  BAGIAN 1 - WARNA INDUK  (UBAH DI SINI)
 *  Angka di kanan = berapa kali warna itu BERLAKU di kedua berkas tema.
 * ------------------------------------------------------------------------- */
:root {
    /* A. Pink utama */
    --warna-utama:             #ff00b2;  /* 330x - WARNA TEMA UTAMA */
    --warna-utama-kembar:      #fe00b1;  /*   3x - kembar warna utama (selisih 1,4) - border & mata uang Jackpot */
    --warna-utama-muda:        #ff43c6;  /*   2x - pink muda */

    /* B. Pink gelap - pasangan gradien */
    --warna-gelap-1:           #c7038c;  /*  27x - pasangan gradien, terutama mobile */
    --warna-gelap-2:           #be0085;  /*  22x - pasangan gradien, terutama desktop */
    --warna-gelap-3:           #bb0084;  /*   4x */
    --warna-gelap-4:           #c00086;  /*   2x */
    --warna-gelap-5:           #b80181;  /*   2x */
    --warna-gelap-6:           #cb008e;  /*   1x */

    /* C. Magenta tua */
    --warna-tua-1:             #920067;  /*   3x */
    --warna-tua-2:             #900065;  /*   2x */
    --warna-tua-3:             #83005c;  /*   2x */
    --warna-tua-4:             #7c0057;  /*   2x */
    --warna-tua-5:             #9d056f;  /*   2x */
    --warna-tua-6:             #7f0159;  /*   1x */

    /* D. Merah-pink */
    --warna-merah-1:           #f41168;  /*  13x - merah-pink */
    --warna-merah-2:           #c9176b;  /*   2x */

    /* E. Ungu */
    --warna-ungu-1:            #a844fb;  /*  15x - ungu */
    --warna-ungu-2:            #be34ff;  /*   1x - ungu terang */
}


/* ---------------------------------------------------------------------------
 *  BAGIAN 2 - VARIABEL TEMA  (JANGAN DIUBAH, mengikuti BAGIAN 1)
 * ------------------------------------------------------------------------- */

/* 2a. Sama di desktop dan mobile (39 variabel) */
:root:has(> body[data-variant]) {
    --register-done-cntr-h2-span-color: var(--warna-utama);
    --info-center-content-title-color: var(--warna-utama);
    --notification-list-item-header-label-bg: var(--warna-utama);
    --bonus-slider-modal-activation-btn-bg: var(--warna-utama);
    --bonus-slider-modal-bonus-form-border: 2px solid var(--warna-utama);
    --bonus-controls-field-bonus-amount-color: var(--warna-utama);
    --bonus-range-bubble-before-bordertop: var(--warna-utama);
    --claim-item-title-free-spin-note-color: var(--warna-utama);
    --claim-item-type-div-bg: var(--warna-utama);
    --claim-item-activation-btn-bg: var(--warna-utama);
    --claim-item-cancellation-btn-bg: var(--warna-utama);
    --claim-item-expiration-btn-bg: var(--warna-utama);
    --claim-info-modal-h4-color: var(--warna-utama);
    --mobile-app-cntr-select-a-active-bg: var(--warna-utama);
    --set-as-default-btn-color: var(--warna-utama);
    --pending-verification-cntr-icon-cntr-bg: var(--warna-utama);
    --pending-verification-cntr-p-color: var(--warna-utama);
    --whitelisted-domains-link-bg: var(--warna-utama);
    --loyalty-reward-cntr-category-title-before-bg: var(--warna-utama);
    --loyalty-reward-cntr-reward-button-bg: linear-gradient(to bottom,var(--warna-utama),var(--warna-utama));
    --loyalty-cntr-loyalty-menu-a-bg: var(--warna-tua-1);
    --how-it-works-cntr-section-title-color: var(--warna-utama);
    --loyalty-level-remarks-cntr-bg: color-mix(in srgb, var(--warna-utama) 20%, transparent);
    --loyalty-level-remarks-cntr-border: var(--warna-utama);
    --std-section-title-before-bg: var(--warna-utama);
    --otp-hr-border: var(--warna-utama);
    --simple-form-note-color: var(--warna-utama);
    --otp-fake-inputs-div-filled-border: var(--warna-merah-1);
    --otp-fake-inputs-div-focused-border: var(--warna-merah-1);
    --modal-body-resolved-trans-details-dashed-color: var(--warna-merah-1);
    --modal-footer-btn-primary-bg: var(--warna-utama);
    --popover-border: var(--warna-utama);
    --pending-trans-car-item-download-qr-btn-bg: var(--warna-utama);
    --complaint-remarks-header-color: var(--warna-utama);
    --complaint-upload-box-color: var(--warna-utama);
    --complaint-form-link-header-a-true-bg: var(--warna-utama);
    --case-number-color: var(--warna-utama);
    --appeal-btn-border-color: var(--warna-utama);
    --appeal-btn-color: var(--warna-utama);
}

/* 2b. Hanya desktop, atau nilainya beda dari mobile (146 variabel) */
:root:has(> body[data-variant="desktop"]) {
    --announcement-cntr-bg: var(--warna-utama);
    --banner-carousel-indicators-active-bg: var(--warna-utama);
    --banner-carousel-indicators-active-border: var(--warna-utama);
    --download-apk-section-i-color: var(--warna-utama);
    --download-apk-btn-bg: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-gelap-2) 100%);
    --download-popup-modal-header-title-color: var(--warna-utama);
    --home-progressive-jackpot-bg: linear-gradient(#01013e,var(--warna-utama),#01013e);
    --home-progressive-jackpot-inner-cntr-bg: linear-gradient(var(--warna-gelap-6),#020228);
    --home-progressive-jackpot-border-cntr-border: 3px solid var(--warna-utama-kembar);
    --home-progressive-jackpot-jackpot-cntr-bg: linear-gradient(var(--warna-utama),#000021);
    --home-progressive-jackpot-jackpot-border-cntr-border: 3px dotted var(--warna-tua-2);
    --home-progressive-jackpot-jackpot-currency-color: var(--warna-utama-kembar);
    --lottery-result-cntr-bg: var(--warna-tua-6);
    --lottery-result-cntr-title-bg: var(--warna-utama);
    --popular-game-title-cntr-title-span-bg: var(--warna-utama);
    --popular-game-title-cntr-title-span-after-bg: var(--warna-utama);
    --popular-game-title-cntr-content-border: 1px solid var(--warna-utama);
    --popular-game-title-cntr-content-game-list-game-item-game-name-color: var(--warna-utama);
    --popular-games-nav-tabs-li-a-active-bg: color-mix(in srgb, var(--warna-utama) 43.92%, transparent);
    --home-game-list-cntr-title-span-bg: var(--warna-utama);
    --home-game-list-cntr-title-span-after-bg: var(--warna-utama);
    --home-game-list-cntr-content-border: 1px solid var(--warna-utama);
    --home-game-list-cntr-content-game-list-game-item-game-name-color: var(--warna-utama);
    --arcade-games-cntr-category-filter-link-active-bg: var(--warna-utama);
    --provider-slide-i-color: var(--warna-utama);
    --promotion-cntr-std-side-menu-a-true-bg: var(--warna-utama);
    --promotion-item-click-for-get-promo-btn-bg: var(--warna-utama);
    --promotion-item-details-click-for-get-promo-btn-bg: var(--warna-utama);
    --contact-us-list-li-a-color: var(--warna-utama);
    --register-done-cntr-btn-deposit-bg: linear-gradient(to top,var(--warna-ungu-1) 0%,#3ebbf3 100%);
    --register-done-cntr-btn-deposit-hover-bg: linear-gradient(to bottom,#3ebbf3 0%,var(--warna-ungu-1) 100%);
    --register-done-cntr-btn-cntr-register-done-btn-bg: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-utama) 100%);
    --register-done-cntr-btn-cntr-register-done-btn-border: 1px solid var(--warna-utama);
    --register-done-cntr-btn-cntr-register-done-btn-hover-bg: linear-gradient(to top,var(--warna-ungu-1) 0%,#3ebbf3 100%);
    --register-done-cntr-verification-done-border: 2px dotted var(--warna-utama);
    --register-done-cntr-verification-done-info-color: var(--warna-utama);
    --register-done-cntr-verification-done-info-border: 1px solid var(--warna-utama);
    --register-done-cntr-verification-done-a-color: var(--warna-utama);
    --info-center-content-panel-heading-a-color: var(--warna-utama);
    --messaing-side-menu-active-a-color: var(--warna-utama);
    --messaing-side-menu-active-a-border: var(--warna-utama);
    --messaging-side-menu-support-ticket-a-bg: var(--warna-utama);
    --notification-tabs-tab-item-active-bg: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-gelap-2) 100%);
    --notification-list-item-play-btn-bg: var(--warna-utama);
    --notification-popup-body-list-item-seen-false-border: var(--warna-tua-4);
    --notification-popup-body-footer-bg: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-gelap-2) 100%);
    --bonus-range-bubble-border: 2px solid var(--warna-utama);
    --claim-filter-cntr-select-form-control-color: var(--warna-utama);
    --claim-item-border: 1px solid var(--warna-utama);
    --claim-item-type-expiration-countdown-section-bg: var(--warna-utama);
    --claim-item-type-expiration-countdown-section-before-bg: var(--warna-gelap-4);
    --claim-item-claim-btn-bg: var(--warna-utama);
    --mobile-app-cntr-nav-tabs-li-active-a-bg: var(--warna-utama);
    --profile-cntr-mobile-info-btn-hover-bg: var(--warna-utama);
    --std-content-info-h2-color: var(--warna-utama);
    --bank-info-cntr-carousel-indicators-li-hover-bg: var(--warna-utama);
    --set-as-default-btn-border: 1px solid var(--warna-utama);
    --referral-section-referral-code-cntr-border: 1px dashed var(--warna-utama);
    --referral-section-referral-code-copy-btn-bg: var(--warna-utama);
    --referral-box-cntr-referral-box-border: 1px solid var(--warna-utama);
    --referral-box-cntr-referral-box-referral-box-icon-bg: var(--warna-utama);
    --referral-box-cntr-referral-box-span-color: var(--warna-utama);
    --referral-features-referral-features-item-feature-icon-div-bg: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-gelap-2) 100%);
    --referral-features-referral-features-item-feature-info-p-color: var(--warna-utama);
    --referral-verification-cntr-verified-false-profile-link-bg: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-gelap-2) 100%);
    --referral-verification-cntr-verified-false-profile-link-hover-bg: linear-gradient(to bottom,var(--warna-gelap-2) 0%,var(--warna-utama) 100%);
    --loyalty-reward-cntr-tab-filter-checked-tab-bg: var(--warna-utama);
    --loyalty-reward-cntr-item-price-bg: linear-gradient(to right,#56e1ff,var(--warna-ungu-2));
    --loyalty-cntr-loyalty-menu-a-border: var(--warna-gelap-3);
    --mission-cntr-item-claimable-action-cntr-action-btn-bg: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-gelap-2) 100%);
    --mission-cntr-item-claimable-action-cntr-action-btn-hover-bg: linear-gradient(to bottom,var(--warna-gelap-2) 0%,var(--warna-utama) 100%);
    --payment-method-selection-input-radio-checked-label-bg: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-gelap-2) 100%);
    --deposit-cntr-copy-bank-acc-btn-color: var(--warna-utama);
    --deposit-cntr-reveal-bank-acc-btn-bg: var(--warna-utama);
    --deposit-amount-cntr-real-deposit-amount-color: var(--warna-utama);
    --deposit-summary-cntr-header-summary-transfer-amount-color: var(--warna-utama);
    --withdrawal-summary-cntr-header-transfer-amount-color: var(--warna-utama);
    --login-panel-login-btn-bg: linear-gradient(to right,var(--warna-ungu-1) 0%,#3ebbf3 100%);
    --login-panel-login-btn-hover-bg: linear-gradient(to right,#3ebbf3 0%,var(--warna-ungu-1) 100%);
    --login-panel-register-btn-bg: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-utama) 100%);
    --std-side-menu-a-active-hover-color: var(--warna-utama);
    --std-side-menu-player-acc-section-username-color: var(--warna-utama);
    --loyalty-available-rank-up-modal-std-secondary-btn-bg: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-gelap-2) 100%);
    --loyalty-available-rank-up-modal-std-secondary-btn-hover-bg: linear-gradient(to bottom,var(--warna-gelap-2) 0%,var(--warna-utama) 100%);
    --std-reporting-cntrl-group-btn-primary-bg: var(--warna-utama);
    --std-form-note-span-strong-color: var(--warna-utama);
    --std-btn-group-btn-primary-bg: var(--warna-utama);
    --exp-countdown-data-section-color: var(--warna-utama);
    --copy-input-btn-field-btn-color: var(--warna-utama);
    --std-profile-bar-ref-code-cntr-color: var(--warna-utama);
    --request-otp-btn-contact-ver-link-border: 2px solid var(--warna-utama);
    --request-otp-btn-contact-ver-link-color: var(--warna-utama);
    --otp-input-border: var(--warna-utama);
    --data-payment-gateway-qris-qr-code-cntr-a-bg: var(--warna-utama);
    --data-payment-gateway-download-qr-btn-bg: var(--warna-utama);
    --otp-popup-content-resend-btn-color: var(--warna-utama);
    --bonus-selection-cntr-border: 1px solid var(--warna-utama);
    --bonus-selection-cntr-color: var(--warna-utama);
    --bonus-selection-cntr-action-cancel-bonus-btn-border: 1px solid var(--warna-utama);
    --bonus-selection-cntr-action-cancel-bonus-btn-color: var(--warna-utama);
    --bonus-selection-list-card-selected-border: var(--warna-utama);
    --bonus-selection-list-card-selected-color: var(--warna-utama);
    --forgot-pass-modal-header-hr-bg: -webkit-gradient(linear,0 0,100% 0,from(transparent),to(transparent),color-stop(50%,var(--warna-utama)));
    --std-remark-notification-content-span-color: var(--warna-utama);
    --std-outline-btn-border: 1px solid var(--warna-utama);
    --std-remarks-cntr-content-cntr-p-span-color: var(--warna-utama);
    --user-info-dropdown-menu-li-a-focus-bg: var(--warna-utama);
    --user-info-vendor-balances-cntr-border: 3px solid var(--warna-utama);
    --user-info-vendor-balances-cntr-header-border: 2px solid var(--warna-utama);
    --user-info-vendor-balances-cntr-header-strong-color: var(--warna-utama);
    --unread-announcements-popup-border: 3px solid var(--warna-utama);
    --unread-announcements-popup-before-border: 10px solid var(--warna-utama);
    --a-color: var(--warna-utama);
    --a-focus-hover-color: var(--warna-utama);
    --topbar-left-section-item-a-hover-color: var(--warna-utama);
    --site-header-border: 4px solid var(--warna-utama);
    --top-menu-li-true-hover-bg: var(--warna-utama);
    --top-menu-li-true-hover-a-color: var(--warna-utama);
    --top-menu-game-list-btop: 4px solid var(--warna-utama);
    --top-menu-game-list-bbot: 10px solid var(--warna-utama);
    --footer-links-li-a-hover-color: var(--warna-utama);
    --introjs-tooltiptext-subtitle-color: var(--warna-utama);
    --introjs-nextbtn-bg: linear-gradient(to bottom,var(--warna-utama),var(--warna-gelap-2));
    --introjs-nextbtn-hover-bg: linear-gradient(to bottom,var(--warna-gelap-2),var(--warna-utama));
    --introjs-bullets-ul-li-a-bg: var(--warna-tua-3);
    --introjs-bullets-ul-li-a-active-hover-bg: var(--warna-utama);
    --introjs-skipbtn-color: var(--warna-utama);
    --daily-reward-cntr-std-secondary-btn-bg: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-gelap-2) 100%);
    --daily-reward-cntr-std-secondary-btn-hover-bg: linear-gradient(to bottom,var(--warna-gelap-2) 0%,var(--warna-utama) 100%);
    --modal-body-pending-transaction-sum-cntr-border: 1px dashed var(--warna-merah-1);
    --pending-transaction-cntr-item-remarks-cntr-border: 2px dashed var(--warna-merah-1);
    --claim-info-modal-alert-cntr-border: 2px dashed var(--warna-merah-1);
    --payment-acc-creation-remarks-border: 2px dashed var(--warna-merah-1);
    --modal-body-pending-trans-summ-cntr-footer-a-bg: var(--warna-merah-2);
    --floating-action-btn-bg: linear-gradient(0deg,var(--warna-gelap-1) 0%,var(--warna-utama) 100%);
    --floating-action-btn-border: 1px solid var(--warna-utama-muda);
    --floating-action-btn-bs: 0 4px 24px 0 color-mix(in srgb, var(--warna-utama) 50.2%, transparent);
    --simple-modal-btn-second-border: 1px solid var(--warna-utama);
    --simple-modal-btn-second-color: var(--warna-utama);
    --play-now-bg: var(--warna-utama);
    --large-game-list-li-game-provider-img-bg: linear-gradient(335.7deg,var(--warna-tua-5) 16.09%,rgba(104,72,154,.5) 49.24%,rgba(0,0,0,0) 83.08%);
    --link-cntr-a-game-info-hover-focus-border: var(--warna-utama);
    --link-cntr-a-game-info-hover-focus-color: var(--warna-utama);
    --game-provider-desc-arcade-sport-crashgame-provider-info-h5-p-color: var(--warna-utama);
    --popover-top-arrow-border: var(--warna-utama);
    --pending-trans-section-head-a-hover-color: var(--warna-utama);
}

/* 2c. Hanya mobile, atau nilainya beda dari desktop (168 variabel) */
:root:has(> body[data-variant="mobile"]) {
    --default-a-color: var(--warna-utama);
    --site-menu-li-a-border-btm: 1px solid var(--warna-utama);
    --fixed-footer-active-color: var(--warna-utama);
    --side-menu-login-panel-a-bg: var(--warna-utama);
    --side-menu-login-panel-a-bg-linear: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-gelap-1) 100%);
    --side-menu-login-panel-a-register-color: var(--warna-utama);
    --side-menu-login-panel-a-register-border-color: var(--warna-utama);
    --default-button-linear-bg: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-gelap-2) 100%);
    --user-menu-bg: var(--warna-gelap-5);
    --user-menu-bg-linear: linear-gradient(to bottom,var(--warna-gelap-5) 0%,#5c0041 100%);
    --default-vendor-balances-border: var(--warna-utama);
    --default-vendor-balance-header-color: var(--warna-utama);
    --login-links-container-a-register-bg: var(--warna-utama);
    --login-links-container-a-register-bg-linear: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-gelap-1) 100%);
    --login-links-container-a-register-firefox-old-bg: -moz-linear-gradient(top,var(--warna-utama) 0%,var(--warna-gelap-1) 100%);
    --login-links-container-a-register-safari-old-bg: -webkit-linear-gradient(top,var(--warna-utama) 0%,var(--warna-gelap-1) 100%);
    --login-links-container-a-login-bg: var(--warna-ungu-1);
    --login-links-container-a-login-bg-linear: linear-gradient(to bottom,var(--warna-ungu-1) 0%,#3ebbf3 100%);
    --login-links-container-a-login-firefox-old-bg: -moz-linear-gradient(top,var(--warna-ungu-1) 0%,#3ebbf3 100%);
    --login-links-container-a-login-safari-old-bg: -webkit-linear-gradient(top,var(--warna-ungu-1) 0%,#3ebbf3 100%);
    --home-progressive-jackpot-bg: linear-gradient(var(--warna-utama),#000021);
    --home-progressive-jackpot-border-color: var(--warna-tua-2);
    --home-progressive-jackpot-currency-color: var(--warna-utama-kembar);
    --download-apk-section-a-bg: var(--warna-utama);
    --download-apk-section-a-bg-linear: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-gelap-2) 100%);
    --default-home-game-list-title-bg: var(--warna-utama);
    --default-home-game-list-cntr-game-name-color: var(--warna-utama);
    --tab-menu-cntr-active-bg: var(--warna-gelap-3);
    --login-panel-forgot-password-color: var(--warna-utama);
    --register-done-cntr-btn-deposit-bg: var(--warna-ungu-1);
    --register-done-cntr-btn-deposit-bg-linear: linear-gradient(to top,var(--warna-ungu-1) 0%,#3ebbf3 100%);
    --register-done-cntr-btn-deposit-hover-bg-linear: linear-gradient(to bottom,#3ebbf3 0%,var(--warna-ungu-1) 100%);
    --buttons-cntr-register-done-btn-border-color: var(--warna-utama);
    --buttons-cntr-register-done-btn-bg: var(--warna-utama);
    --buttons-cntr-register-done-btn-bg-linear: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-utama) 100%);
    --buttons-cntr-register-done-btn-hover-bg: var(--warna-ungu-1);
    --buttons-cntr-register-done-btn-hover-bg-linear: linear-gradient(to bottom,var(--warna-ungu-1) 0%,#3ebbf3 100%);
    --register-verification-done-border-color: var(--warna-utama);
    --register-verification-done-info-color: var(--warna-utama);
    --register-verification-done-a-color: var(--warna-utama);
    --default-game-list-ul-li-game-name-bg: var(--warna-utama);
    --default-game-list-ul-li-game-name-bg-linear: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-utama) 100%);
    --default-game-list-ul-li-game-name-firefox-old-bg: -moz-linear-gradient(top,var(--warna-utama) 0%,var(--warna-utama) 100%);
    --default-game-list-ul-li-game-name-safari-old-bg: -webkit-linear-gradient(top,var(--warna-utama) 0%,var(--warna-utama) 100%);
    --default-game-list-ul-li-img-bg: linear-gradient(335.7deg,var(--warna-tua-5) 16.09%,rgba(104,72,154,.5) 49.24%,rgba(0,0,0,0) 83.08%);
    --default-play-now-bg: var(--warna-gelap-1);
    --default-play-now-bg-linear: linear-gradient(to bottom,var(--warna-gelap-1) 0%,var(--warna-gelap-1) 100%);
    --default-play-now-hover-bg: var(--warna-gelap-1);
    --default-play-now-bg-hover-linear: linear-gradient(to bottom,var(--warna-gelap-1) 0%,var(--warna-gelap-1) 100%);
    --default-play-desktop-version-now-bg: var(--warna-gelap-1);
    --default-play-desktop-version-now-linear: linear-gradient(to bottom,var(--warna-gelap-1) 0%,var(--warna-gelap-1) 100%);
    --default-play-desktop-version-now-hover-bg: var(--warna-gelap-1);
    --default-play-desktop-version-now-hover-linear: linear-gradient(to bottom,var(--warna-gelap-1) 0%,var(--warna-gelap-1) 100%);
    --default-category-games-cntr-category-filter-link-active-bg: var(--warna-utama);
    --std-side-menu-a-active-color: var(--warna-utama);
    --default-claim-filter-cntr-select-form-control-color: var(--warna-utama);
    --claim-item-type-exp-countdown-data-section-bg: var(--warna-utama);
    --claim-item-type-exp-countdown-data-section-before-bg: var(--warna-gelap-4);
    --claim-item-border: var(--warna-utama);
    --claim-info-modal-alert-cntr-border: var(--warna-merah-1);
    --claim-item-claim-btn-hover-bg: var(--warna-gelap-1);
    --claim-item-claim-btn-hover-border: var(--warna-gelap-1);
    --claim-item-activation-btn-hover-bg: var(--warna-utama);
    --claim-item-cancellation-btn-hover-bg: var(--warna-utama);
    --claim-item-expiration-btn-hover-bg: var(--warna-utama);
    --bonus-range-bubble-border: var(--warna-utama);
    --default-promotion-item-click-for-get-promo-btn-bg: var(--warna-utama);
    --default-promotion-item-click-for-get-promo-btn-linear-bg: var(--warna-utama);
    --std-form-note-a-color: var(--warna-utama);
    --std-form-note-span-color: var(--warna-utama);
    --std-form-note-strong-color: var(--warna-utama);
    --mobile-app-container-h3-color: var(--warna-gelap-1);
    --mobile-app-cntr-nav-tabs-li-active-a-bg: var(--warna-gelap-1);
    --mobile-app-cntr-tab-pane-important-color: var(--warna-gelap-1);
    --default-otp-input-otp-input-border: var(--warna-utama);
    --default-request-otp-border: var(--warna-utama);
    --default-request-otp-color: var(--warna-utama);
    --default-request-otp-hover-border: var(--warna-utama);
    --default-request-otp-hover-color: var(--warna-utama);
    --bank-info-cntr-carousel-indicators-li-active-bg: var(--warna-utama);
    --add-new-payment-acc-cntr-a-color: var(--warna-utama);
    --payment-account-creation-remarks-border: var(--warna-merah-1);
    --set-as-default-btn-border: var(--warna-utama);
    --loyalty-menu-container-loyalty-menu-item-img-border: var(--warna-gelap-3);
    --loyalty-menu-container-loyalty-menu-item-img-bg: var(--warna-tua-1);
    --loyalty-cntr-loyalty-menu-a-color: var(--warna-gelap-3);
    --loyalty-cntr-loyalty-menu-a-active-bg: var(--warna-utama);
    --loyalty-cntr-loyalty-menu-a-active-border: var(--warna-utama);
    --mission-cntr-item-claimable-action-cntr-action-btn-bg: var(--warna-utama);
    --mission-cntr-item-claimable-action-cntr-action-btn-bg-img: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-gelap-2) 100%);
    --loyalty-reward-cntr-tab-filter-tab-checked-bg: var(--warna-utama);
    --data-payment-gateway-download-qr-button-bg: var(--warna-utama);
    --data-payment-gateway-download-qr-button-bg-linear: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-utama) 100%);
    --bonus-selection-cntr-border: var(--warna-utama);
    --bonus-selection-card-selected-border: var(--warna-utama);
    --floating-action-button-item-bg: linear-gradient(0deg,var(--warna-gelap-1) 0%,var(--warna-utama) 100%);
    --floating-action-button-item-border: var(--warna-utama-muda);
    --floating-action-button-item-bs: 0 4px 24px 0 color-mix(in srgb, var(--warna-utama) 50.2%, transparent);
    --standard-outline-button-standard-button-outline-border: var(--warna-utama);
    --standard-remark-notification-content-span-color: var(--warna-utama);
    --standard-remark-notification-content-p-span-color: var(--warna-utama);
    --notification-list-item-false-border: var(--warna-tua-4);
    --notification-item-play-button-bg: var(--warna-utama);
    --modal-header-modal-title-color: var(--warna-utama);
    --modal-body-pending-trans-sumarry-cntr-border: var(--warna-merah-1);
    --modal-body-pending-trans-summary-cntr-footer-a-bg: var(--warna-merah-2);
    --modal-footer-btn-primary-bg-linear: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-utama) 100%);
    --modal-footer-btn-secondary-hover-color: var(--warna-utama);
    --profile-container-mobile-info-button-border: var(--warna-gelap-1);
    --profile-container-mobile-info-button-color: var(--warna-gelap-1);
    --profile-container-mobile-info-button-hover-bg: var(--warna-gelap-1);
    --deposit-amount-cntr-real-depo-amount-color: var(--warna-utama);
    --deposit-amount-input-form-control-color: var(--warna-utama);
    --deposit-amount-currency-suffix-color: var(--warna-utama);
    --deposit-summary-cntr-deposit-summary-header-summary-transfer-amount-color: var(--warna-utama);
    --deposit-balance-info-cntr-total-balance-span-color: var(--warna-utama);
    --withdrawal-cntr-real-withdrawal-amount-color: var(--warna-utama);
    --withdrawal-cntr-amount-input-form-control-color: var(--warna-utama);
    --withdrawal-cntr-amount-currency-suffix-color: var(--warna-utama);
    --withdrawal-summary-cntr-withdrawal-summary-header-summary-transfer-amount-color: var(--warna-utama);
    --withdrawal-balance-info-cntr-total-balance-span-color: var(--warna-utama);
    --payment-method-selection-input-radio-checked-label-bg: var(--warna-utama);
    --payment-method-selection-input-radio-checked-label-bg-linear: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-gelap-2) 100%);
    --popover-arrow-bordertop: var(--warna-utama);
    --simple-modal-btn-primary-bg: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-gelap-1) 100%);
    --simple-modal-btn-secondary-border: 1px solid var(--warna-utama);
    --simple-modal-btn-secondary-color: var(--warna-utama);
    --standard-button-bg: var(--warna-ungu-1);
    --standard-button-hover-bg: var(--warna-utama);
    --standard-secondary-button-bg: var(--warna-utama);
    --standard-secondary-button-hover-bg: var(--warna-utama);
    --referral-section-code-cntr-border: var(--warna-utama);
    --referral-section-code-copy-btn-bg: var(--warna-utama);
    --referral-section-show-qr-cntr-border: var(--warna-utama);
    --referral-section-show-qr-cntr-color: var(--warna-utama);
    --referral-section-show-qr-cntr-btn-color: var(--warna-utama);
    --referral-box-cntr-borderbtm: var(--warna-utama);
    --referral-box-cntr-span-color: var(--warna-utama);
    --referral-box-cntr-box-icon-bg: var(--warna-utama);
    --referral-features-item-icon-div-bg: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-gelap-2) 100%);
    --referral-features-item-info-p-color: var(--warna-utama);
    --referral-verification-cntr-data-contact-verified-false--profile-link-bg: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-gelap-2) 100%);
    --referral-verification-cntr-standard-form-note-color: var(--warna-utama);
    --reporting-nav-bar-a-active-bg: var(--warna-utama);
    --introjs-tooltiptext-introjs-tooltiptext-subtitle-color: var(--warna-utama);
    --introjs-nextbutton-introjs-nextbutton-bg: linear-gradient(to bottom,var(--warna-utama),var(--warna-gelap-2));
    --introjs-bullets-introjs-bullets-ul-li-a-bg: var(--warna-tua-3);
    --introjs-bullets-introjs-bullets-ul-li-a-active-bg: var(--warna-utama);
    --introjs-skipbutton-introjs-skipbutton-color: var(--warna-utama);
    --otp-popup-content-resend-button-color: var(--warna-utama);
    --daily-reward-cntr--standard-secondary-button-hover-bg: var(--warna-utama);
    --daily-reward-cntr--standard-secondary-button-hover-bg-linear: linear-gradient(to bottom,var(--warna-utama) 0%,var(--warna-utama) 100%);
    --date-picker-wrapper-selected-bg: var(--warna-utama);
    --date-picker-month-wrapper-table-day-today-checked-bg: var(--warna-utama);
    --date-picker-wrapper-month-wrapper-table-day-bg: var(--warna-utama);
    --expiration-countdown-data-section-color: var(--warna-utama);
    --expiration-countdown-data-value-color: var(--warna-utama);
    --pending-trans-section-head-a-color: var(--warna-utama);
    --drawer-cntr-displayed-content-label-input-radio-checked-before-border: var(--warna-utama);
    --drawer-cntr-displayed-content-label-input-radio-checked-after-bg: var(--warna-utama);
    --reporting-form-cntr-group-form-control-select-border: var(--warna-utama);
    --bet-report-detail-link-color: var(--warna-utama);
    --complaint-submit-button-bg: var(--warna-utama);
    --pwa-download-modal-a-color: var(--warna-utama);
    --loyalty-check-in-primary-btn-bg: var(--warna-utama);
    --loyalty-check-in-secondary-btn-color: var(--warna-utama);
    --loyalty-check-in-secondary-btn-border: var(--warna-utama);
    --reward-cntr-card-complete-active-header-bg: var(--warna-utama);
}


/* ---------------------------------------------------------------------------
 *  BAGIAN 3 - WARNA YANG DITULIS LANGSUNG DI CSS BAWAAN  (JANGAN DIUBAH)
 *  Dua aturan di berkas CSS bawaan menulis warna magenta langsung, tidak lewat
 *  variabel. Di sini hanya WARNA-nya yang dialihkan ke BAGIAN 1; ukuran,
 *  bentuk, dan warna lain tetap seperti aslinya.
 * ------------------------------------------------------------------------- */

/* Content/normad-alpha-desktop-css.css - border:2px dashed #f41168 */
body[data-variant="desktop"] .modal-body .pending-transaction-summary-container,
body[data-variant="desktop"] .pending-transactions-container .pending-transactions-item .pending-transaction-remarks-container,
body[data-variant="desktop"] .claim-info-modal .alert-container,
body[data-variant="desktop"] .game-list-modal .alert-container,
body[data-variant="desktop"] .payment-account-creation-remarks {
    border-color: var(--warna-merah-1);
}

/* Content/Loyalty/normad-alpha-mobile-css.css - linear-gradient(to right,#56e1ff,#be34ff) */
/* Dipersempit ke .loyalty-container: pembungkus itu hanya ada di halaman Loyalty,
   yaitu halaman yang memuat aturan aslinya. Tanpa ini, halaman lain ikut mendapat
   gradien yang sebelumnya tidak ada. */
body[data-variant="mobile"] .loyalty-container .loyalty-reward-container .item-price {
    background-image: linear-gradient(to right, #56e1ff, var(--warna-ungu-2));
}