/* Modern Pink — สีชมพูอมม่วง พื้นเข้ม และส่วนเนื้อหาสีอ่อน */
:root {



  /* ================================================================

     [SECTION-LANDING]

     ================================================================ */



  /* --- Group A — Gov/Bank card --- */

  --landing-card-gov-bg: transparent;

  --landing-card-gov-text: #fff7fb;

  --landing-card-gov-number: #701c4c;

  --landing-card-bank-bg: transparent;

  --landing-card-bank-text: #fff7fb;

  --landing-card-bank-number: #701c4c;



  /* --- Group B — Foreign section --- */

  --landing-foreign-bg: #211429;

  --landing-foreign-head-text: #fff7fb;

  --landing-chip-bg: rgba(255, 255, 255, 0.06);

  --landing-chip-active-bg: #db2777;

  --landing-chip-text: #fff;

  --landing-nav-btn-bg: #ec4899;

  --landing-featured-head-bg: #831843;

  --landing-date-badge-bg: linear-gradient(180deg, #f472b6, #db2777);

  --landing-date-badge-text: #fff7fb;



  /* --- ★ Phase KKKKKK — foreign-grid mini cards --- */

  --landing-foreign-card-bg: #211429;

  --landing-foreign-card-border: rgba(255, 255, 255, 0.08);

  --landing-foreign-card-hover-shadow: 0 4px 12px rgba(219, 39, 119, 0.12);

  --landing-foreign-fc-head-bg: #831843;

  --landing-foreign-fc-head-text: #fff;

  --landing-foreign-fc-body-bg: #33203d;



  /* --- ★ Phase MMMMMM — nav-links <a> --- */

  --landing-nav-links-text: #d8bfd0;

  --landing-nav-links-hover-text: #f472b6;



  /* --- Group C — Yeekee section --- */

  --landing-yeekee-bg: #211429;

  --landing-yeekee-head-text: #fff7fb;

  --landing-count-badge-bg: #ec4899;

  --landing-count-badge-text: #fff;



  /* --- Group D — Round card --- */

  --landing-round-card-bg: #211429;

  --landing-round-card-border: rgba(255, 255, 255, 0.08);

  --landing-rc-head-bg: #33203d;

  --landing-round-num-text: #fff7fb;

  --landing-time-text: #d8bfd0;

  --landing-settled-bg: #fff;

  --landing-settled-text: #9d174d;



  /* --- Group E — Logo wrapper (★ Phase UUUUU/VVVVV) --- */

  --landing-logo-bg: transparent;

  --landing-logo-border: 0 solid transparent;

  --landing-logo-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);



  /* --- ★ VVVVV — stored as "44px" --- */

  --landing-logo-size: 48px;



  /* --- Group E' — Logo image (★ Phase WWWWW) --- */

  --landing-logo-img-height: 40px;

  --landing-logo-img-max-width: 140px;



  /* --- Group F — Payrate modal (★ Phase YYYYY) --- */

  --payrate-head-bg: linear-gradient(135deg, #be185d 0%, #831843 100%);

  --payrate-head-text: #FFFFFF;

  --payrate-body-bg: #fff7fb;

  --payrate-btn-bg: linear-gradient(135deg, #ec4899 0%, #be185d 100%);

  --payrate-btn-text: #FFFFFF;

  --payrate-actions-bg: linear-gradient(180deg, #fff7fb 0%, #fce7f3 100%);



  /* --- Group G — Site-rule modal (★ Phase YYYYY) --- */

  --siterule-head-bg: linear-gradient(135deg, #be185d 0%, #831843 100%);

  --siterule-head-text: #FFFFFF;

  --siterule-section-title-bg: linear-gradient(135deg, #be185d 0%, #831843 100%);

  --siterule-close-bg: rgba(255, 255, 255, 0.18);

  --siterule-closing-bg: #fdf2f8;

  --siterule-closing-text: #be185d;

  --siterule-actions-bg: linear-gradient(180deg, #fff 0%, #FAFAFA 100%);

  --siterule-btn-bg: linear-gradient(135deg, #ec4899 0%, #be185d 100%);

  --siterule-btn-text: #FFFFFF;



  /* --- ★ Phase YYYYYY — intro + paragraph --- */

  --siterule-intro-bg: #fdf2f8;

  --siterule-intro-border: #be185d;

  --siterule-intro-text: #403045;

  --siterule-para-bg: #FFFFFF;

  --siterule-para-border: rgba(236, 72, 153, 0.2);

  --siterule-para-text: #403045;



  /* --- Group I — News banner --- */

  --landing-news-banner-bg: #211429;

  --landing-news-banner-border: rgba(236, 72, 153, 0.35);

  --landing-news-banner-text: #fff7fb;



  /* --- Group J — Public nav container (bg/border รอบ nav-item) --- */

  --landing-public-nav-bg: radial-gradient(circle at 50% 50%, rgba(236, 72, 153, 0.06) 0%, transparent 60%);

  --landing-public-nav-border: rgba(236, 72, 153, 0.35);



  /* --- Group K — Hero login card --- */

  --landing-hero-card-bg: radial-gradient(circle at 25% 60%, rgba(236, 72, 153, 0.18) 0%, transparent 45%), radial-gradient(circle at 85% 18%, rgba(236, 72, 153, 0.10) 0%, transparent 45%), #211429;

  --landing-hero-card-border: currentColor;

  --landing-eyebrow-bg: transparent;

  --landing-eyebrow-text: #d8bfd0;

  --landing-welcome-title-text: #fff7fb;

  --landing-welcome-desc-text: #d8bfd0;

  --landing-trust-chip-bg: rgba(236, 72, 153, 0.08);

  --landing-trust-chip-text: #fff7fb;

  --landing-login-panel-bg: rgba(33, 20, 41, 0.65);

  --landing-login-title-text: #fff7fb;

  --landing-forgot-link-text: #d8bfd0;

  --landing-login-btn-primary-bg: rgba(33, 20, 41, 0.6);

  --landing-login-btn-primary-text: #fff7fb;

  --landing-login-btn-gold-bg: linear-gradient(180deg, #f472b6, #db2777);

  --landing-login-btn-gold-text: #fff7fb;

  --landing-login-btn-line-bg: #06c755;

  --landing-login-btn-line-text: #ffffff;



  /* --- Group K2 — Field label + input --- */

  --landing-field-label-text: #d8bfd0;

  --landing-field-input-bg: #291c33;

  --landing-field-input-border: rgba(255, 255, 255, 0.08);

  --landing-field-input-text: #fff7fb;



  /* --- Group P — Header buttons (btn-login/btn-register/menu-btn/avatar-btn) --- */

  --landing-btn-login-bg: transparent;

  --landing-btn-login-text: #fff7fb;

  --landing-btn-login-border: rgba(255, 255, 255, 0.2);

  --landing-btn-login-hover-bg: rgba(236, 72, 153, 0.08);

  --landing-btn-login-hover-border: #f472b6;

  --landing-btn-register-bg: linear-gradient(180deg, #f472b6, #db2777);

  --landing-btn-register-text: #fff7fb;

  --landing-btn-register-border: rgba(255, 255, 255, 0.15);

  --landing-btn-register-hover-bg: linear-gradient(180deg, #f472b6, #db2777);

  --landing-menu-btn-bg: transparent;

  --landing-menu-btn-text: #fff7fb;

  --landing-menu-btn-border: rgba(255, 255, 255, 0.15);

  --landing-menu-btn-hover-bg: rgba(236, 72, 153, 0.08);

  --landing-menu-btn-hover-border: #f472b6;

  --landing-avatar-btn-display: flex;

  --landing-menu-panel-bg: #211429;

  --landing-menu-panel-border: rgba(255, 255, 255, 0.08);



  /* --- Group L — Results section wrapper + tabs --- */

  --landing-results-section-bg: radial-gradient(circle at 90% 10%, rgba(236, 72, 153, 0.08) 0%, transparent 45%), #211429;

  --landing-live-pill-bg: initial;

  --landing-live-pill-text: initial;

  --landing-section-title-text: #fff7fb;

  --landing-section-desc-text: #d8bfd0;

  --landing-tab-chip-bg: #fce7f3;

  --landing-tab-chip-text: #6f214c;

  --landing-tab-chip-active-bg: linear-gradient(180deg, #f472b6 0%, #db2777 100%);

  --landing-tab-chip-active-text: #fff7fb;

  --landing-chip-dot-on-bg: #4ade80;



  /* --- Group M — Card interior (gov/bank shared) --- */

  --landing-card-head-bg: #211429;

  --landing-card-head-text: #fff7fb;

  --landing-hero-prize-bg: linear-gradient(135deg, #db2777 0%, #be185d 55%, #831843 100%);

  --landing-hero-prize-text: #fff7fb;

  --landing-sub-prize-bg: #fce7f3;

  --landing-sub-prize-text: #6f214c;



  /* --- Group N — Refresh countdown bar --- */

  --landing-refresh-bar-bg: linear-gradient(180deg, #f472b6, #db2777);



  /* --- Group O — Bottom mobile nav --- */

  --landing-bottom-nav-bg: linear-gradient(180deg, rgba(33, 20, 41, 0.98) 0%, rgba(22, 14, 29, 1) 100%);

  --landing-bottom-nav-border: rgba(236, 72, 153, 0.35);

  --landing-bottom-nav-ico-bg: rgba(255, 255, 255, 0.06);

  --landing-bottom-nav-center-bg: radial-gradient(circle, rgba(236, 72, 153, 0.5) 0%, rgba(219, 39, 119, 0.3) 60%);

  --landing-bottom-nav-lbl-text: inherit;



  /* ================================================================

     [SECTION-HOME]

     ================================================================ */



  /* --- (default) --- */

  --home-btn-deposit: linear-gradient(135deg, #db2777 0%, #9d174d 100%);

  --home-btn-deposit-text: #fff;

  --home-btn-withdraw: #fdf2f8;

  --home-btn-withdraw-text: #be185d;

  --home-btn-sec: #FFFFFF;

  --home-btn-sec-text: #35243c;



  /* --- ★ Phase UUUUUU --- */

  --home-btn-sec-icon: #be185d;



  /* ================================================================

     [SECTION-PLAY]

     ================================================================ */



  /* --- (default) --- */

  --play-bg: radial-gradient(ellipse at top, #fff2f8 0%, #f8e8f1 60%);

  --play-btn-icon: inherit;



  /* ================================================================

     [SECTION-PLAY-FORM]

     ================================================================ */



  /* --- (default) --- */

  --play-form-bg: radial-gradient(ellipse at top, #fff2f8 0%, #f8e8f1 60%);

  --play-form-qb-btn-bg: linear-gradient(160deg, #ec4899 0%, #db2777 45%, #831843 100%);



  /* --- ★ Phase DDDDDDD --- */

  --play-form-qb-btn-shadow: 0 1px 2px rgba(94, 20, 64, 0.25), 0 6px 18px rgba(219, 39, 119, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -2px 4px rgba(72, 18, 54, 0.4);



  /* --- ★ Phase EEEEEEE --- */

  --play-form-quick-bar-bg: white;



  /* --- ★ Phase EEEEEEE --- */

  --play-form-quick-bar-shadow: 0 1px 2px rgba(0,0,0,0.05);

  --play-form-qb-btn-text: #fff7fb;



  /* --- ★ Phase FFFFFFF — card_colors mega (~40 keys: pt/block/num/rule/siamsi/dream) --- */

  --play-form-pt-chip-bg: #fce7f3;

  --play-form-pt-chip-active-bg: linear-gradient(135deg, #db2777, #9d174d);

  --play-form-pt-rate-text: #fff;

  --play-form-block-btn-bg: #fce7f3;

  --play-form-block-btn-active-bg: linear-gradient(135deg, #db2777, #9d174d);

  --play-form-block-range-bg: #33263d;

  --play-form-num-btn-bg: #fff;

  --play-form-num-btn-hover-bg: #fdf2f8;

  --play-form-toggle-label-text: #33263d;

  --play-form-sec-head-text: #33263d;

  --play-form-rule-btn-bg-cc: #f472b6;

  --play-form-rule-btn-hover-bg: #db2777;

  --lottery-set-bet-rule-head-bg: linear-gradient(135deg, #be185d 0%, #831843 100%);

  --lottery-set-bet-rule-close-bg: rgba(255, 255, 255, 0.12);

  --lottery-set-bet-rule-body-text: #35243c;

  --lottery-set-bet-rule-actions-bg: #FAFAFA;

  --lottery-set-bet-rule-btn-confirm-bg: linear-gradient(135deg, #be185d 0%, #831843 100%);

  --siamsi-hero-card-bg: linear-gradient(135deg, #f472b6, #db2777);

  --siamsi-random-btn-bg: #33263d;

  --siamsi-random-btn-hover-bg: #211429;

  --siamsi-temple-card-bg: #fff;

  --siamsi-temple-card-selected-bg: #fff;

  --siamsi-temple-card-name-text: #33263d;

  --siamsi-temple-card-loc-text: #745f78;

  --dream-search-section-bg: #fff;

  --dream-search-input-bg: #fff7fb;

  --dream-chip-bg: #fff;

  --dream-chip-active-bg: #db2777;

  --siamsi-shake-bar-strong-text: #9d174d;

  --siamsi-shake-btn-bg: linear-gradient(135deg, #db2777, #be185d);

  --dream-card-bg: #f9d6e9;

  --dream-card-clickable-bg: #f9d6e9;

  --dream-thumb-circle-bg: #fff;

  --dream-badge-hot-bg: #be185d;

  --dream-badge-side-bg: #9d174d;

  --dream-title-text: #33263d;

  --dream-desc-text: #33263d;

  --dream-num-row-bg: transparent;

  --dream-num-values-text: #33263d;

  --dream-tap-hint-text: #831843;



  /* --- ★ Phase GGGGGGG — dream hero-card --- */

  --dream-hero-bg: linear-gradient(135deg, #f472b6, #be185d);

  --dream-hero-text: #fff;



  /* --- ★ Phase HHHHHHH — hover states --- */

  --play-form-pt-chip-hover-bg: #f9a8d4;

  --play-form-block-btn-hover-bg: #f9a8d4;



  /* ================================================================

     [SECTION-SET-GAME]

     ================================================================ */



  /* --- (default) --- */

  --sg-card-bg: #fff7fb;

  --sg-card-border: #f9a8d4;

  --sg-card-h4-text: #33263d;

  --sg-dash-text: #745f78;

  --sg-clear-link-bg: #fff;

  --sg-clear-link-border: #eed8e7;

  --sg-clear-link-text: #604d67;

  --sg-clear-link-hover-bg: #fff7fb;

  --sg-digit-box-bg: #33263d;

  --sg-digit-box-text: #fff;

  --sg-digit-box-filled-bg: #211429;

  --sg-digit-box-cursor-text: rgba(255,255,255,0.6);

  --sg-key-bg: #f9a8d4;

  --sg-key-text: #831843;

  --sg-key-hover-bg: #f472b6;

  --sg-key-fn-bg: #fce7f3;

  --sg-key-fn-text: #9d174d;

  --sg-key-fn-hover-bg: #f9a8d4;

  --sg-search-btn-bg: #33263d;

  --sg-search-btn-text: #fff;

  --sg-search-btn-hover-bg: #211429;

  --sg-select-all-btn-bg: #211429;

  --sg-select-all-btn-text: #fff;

  --sg-select-all-btn-hover-bg: #000;

  --sg-result-row-bg: #fff;

  --sg-result-row-border: #eed8e7;

  --sg-result-row-selected-bg: #fce7f3;

  --sg-result-row-selected-border: #db2777;

  --sg-r-number-d-bg: #fce7f3;

  --sg-r-number-d-text: #831843;

  --sg-pick-btn-bg: #db2777;

  --sg-pick-btn-text: #fff;

  --sg-pick-btn-hover-bg: #be185d;

  --sg-pick-btn-picked-bg: #16a34a;

  --sg-load-more-bg: #fdf2f8;

  --sg-load-more-text: #604d67;

  --sg-load-more-border: #dec4d6;

  --sg-load-more-hover-bg: #eed8e7;



  /* --- ★ Info card --- */

  --sg-info-card-border-left: #db2777;

  --sg-info-head-icon-text: #db2777;



  /* --- ★ Result row text --- */

  --sg-r-game-text: #745f78;

  --sg-r-remaining-text: #745f78;



  /* ================================================================

     [SECTION-PLAY-AMOUNT]

     ================================================================ */



  /* --- (default) --- */

  --play-amount-bg: radial-gradient(ellipse at top, #fff2f8 0%, #f8e8f1 60%);



  /* ================================================================

     [SECTION-LOTTERY-SET-BET]

     ================================================================ */



  /* --- (default) --- */

  --lottery-set-bet-bg: radial-gradient(ellipse at top, #fff2f8 0%, #f8e8f1 60%);



  /* --- ★ Phase AAAAAAA — card_colors JSON blob (24 extras: rule modal + confirm dialog + extras) --- */

  --lottery-set-bet-rule-head-bg: linear-gradient(135deg, #be185d 0%, #831843 100%);

  --lottery-set-bet-rule-head-text: #FFF;

  --lottery-set-bet-rule-close-bg: rgba(255, 255, 255, 0.12);

  --lottery-set-bet-rule-body-text: #35243c;

  --lottery-set-bet-rule-empty-text: #745f78;

  --lottery-set-bet-rule-actions-bg: #FAFAFA;

  --lottery-set-bet-rule-btn-confirm-bg: linear-gradient(135deg, #be185d 0%, #831843 100%);



  /* ================================================================

     [SECTION-MEMBER-PAGES]

     ================================================================ */



  /* --- (default) --- */

  --results-bg: radial-gradient(ellipse at top, #fff2f8 0%, #f8e8f1 60%);

  --deposit-bg: radial-gradient(ellipse at top, #fff2f8 0%, #f8e8f1 60%);

  --withdraw-bg: radial-gradient(ellipse at top, #fff2f8 0%, #f8e8f1 60%);

  --rule-modal-dialog-bg: #FFF;

  --payrate-modal-dialog-bg: #fff7fb;

  --profile-bank-bg: #1b1223;

  --profile-settings-bg: #1b1223;

  --profile-settings-profile-card-bg: #FFF;

  --profile-settings-form-card-bg: #FFF;



  /* --- ★ Phase MMMMMMM — /number-memo (~27 keys) --- */

  --nm-breadcrumb-bg: #fff;

  --nm-breadcrumb-border: #eed8e7;

  --nm-breadcrumb-link-text: #4B4B4B;

  --nm-section-bar-bg: linear-gradient(135deg, #be185d 0%, #831843 100%);

  --nm-section-title-text: #fff;

  --nm-btn-create-bg: #be185d;

  --nm-btn-create-text: #fff;

  --nm-btn-create-hover-bg: #be185d;



  /* --- ★ Phase OOOOOOO — /deposit (~24 keys) --- */

  --dp-line-btn-bg: #06c755;

  --dp-line-btn-text: #ffffff;

  --dp-btn-copy-bg: #06c755;

  --dp-btn-copy-text: #ffffff;



  /* --- ★ Phase SSSSSSS — /profile-bank (~6 keys) --- */

  --pb-breadcrumb-link-text: #745f78;

  --pb-title-bar-bg: linear-gradient(135deg, #be185d, #831843);

  --pb-title-bar-text: #FFF;

  --pb-btn-primary-bg: var(--profile-bank-btn-primary-bg, #be185d);

  --pb-btn-primary-text: #FFF;

  --pb-btn-primary-hover-bg: #9d174d;



  /* --- ★ Phase TTTTTTT — /profile-settings (~12 keys) --- */

  --ps-breadcrumb-link-text: #745f78;

  --ps-title-bar-bg: linear-gradient(135deg, #be185d, #831843);

  --ps-title-bar-text: #FFF;

  --ps-avatar-bg: var(--profile-settings-avatar-bg, linear-gradient(135deg, #be185d, #831843));

  --ps-avatar-text: #FFF;

  --ps-btn-cancel-bg: #FFF;

  --ps-btn-cancel-text: #be185d;

  --ps-btn-cancel-border: #be185d;

  --ps-btn-cancel-hover-bg: #fce7f3;

  --ps-btn-submit-bg: var(--profile-settings-btn-submit-bg, #be185d);

  --ps-btn-submit-text: #FFF;

  --ps-btn-submit-hover-bg: #9d174d;

}