:root,
[data-site-theme="classic"] {
  --mcw-primary: #1f2f9b;
  --mcw-primary-light: #4b45c7;
  --mcw-primary-dark: #141f6b;
  --mcw-accent: #ff7a00;
  --mcw-accent-soft: #fff0df;
  --mcw-bg-main: #0e0e0e;
  --mcw-bg-card: #161616;
  --mcw-bg-soft: #222222;
  --mcw-text: #ffffff;
  --mcw-text-dark: #09111f;
  --mcw-dashboard-bg: #dbdbdb;
  --mcw-surface: #ffffff;
  --mcw-surface-soft: #f4f6fb;
  --mcw-surface-muted: #eef2f9;
  --mcw-border: #d9e0ef;
  --mcw-border-strong: #c8d2e8;
  --mcw-copy: #4d5773;
  --mcw-copy-soft: #7f89a8;
  --mcw-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
  --mcw-shadow-soft: 0 10px 26px rgba(15, 23, 42, 0.05);
  --mcw-hero-gradient: linear-gradient(135deg, #4f35c7, #3a1fa6);
  --mcw-panel-gradient: linear-gradient(180deg, #ffffff, #f7f9ff);
}

[data-site-theme="emerald"] {
  --mcw-primary: #0f766e;
  --mcw-primary-light: #14b8a6;
  --mcw-primary-dark: #115e59;
  --mcw-accent: #f59e0b;
  --mcw-accent-soft: #fff5d8;
  --mcw-bg-main: #071a17;
  --mcw-bg-card: #0f2a26;
  --mcw-bg-soft: #173630;
  --mcw-text: #f4fffd;
  --mcw-text-dark: #06221d;
  --mcw-dashboard-bg: #d8f3eb;
  --mcw-surface: #ffffff;
  --mcw-surface-soft: #eefbf7;
  --mcw-surface-muted: #e2f5ef;
  --mcw-border: #c9e8df;
  --mcw-border-strong: #a8d7c9;
  --mcw-copy: #47645e;
  --mcw-copy-soft: #6b8a83;
  --mcw-shadow: 0 16px 34px rgba(7, 74, 66, 0.12);
  --mcw-shadow-soft: 0 10px 26px rgba(7, 74, 66, 0.08);
  --mcw-hero-gradient: linear-gradient(135deg, #0f766e, #14b8a6);
  --mcw-panel-gradient: linear-gradient(180deg, #ffffff, #f1fcf8);
}

[data-site-theme="sunset"] {
  --mcw-primary: #c2410c;
  --mcw-primary-light: #f97316;
  --mcw-primary-dark: #9a3412;
  --mcw-accent: #e11d48;
  --mcw-accent-soft: #ffe5ec;
  --mcw-bg-main: #1b0e08;
  --mcw-bg-card: #2d160d;
  --mcw-bg-soft: #3b1f13;
  --mcw-text: #fff7f3;
  --mcw-text-dark: #341306;
  --mcw-dashboard-bg: #ffe0d1;
  --mcw-surface: #ffffff;
  --mcw-surface-soft: #fff5ef;
  --mcw-surface-muted: #ffece1;
  --mcw-border: #f4d1bd;
  --mcw-border-strong: #eab79a;
  --mcw-copy: #78594c;
  --mcw-copy-soft: #947062;
  --mcw-shadow: 0 16px 34px rgba(154, 52, 18, 0.14);
  --mcw-shadow-soft: 0 10px 26px rgba(154, 52, 18, 0.08);
  --mcw-hero-gradient: linear-gradient(135deg, #c2410c, #f97316);
  --mcw-panel-gradient: linear-gradient(180deg, #ffffff, #fff5ef);
}

[data-site-theme="royal"] {
  --mcw-primary: #6d28d9;
  --mcw-primary-light: #8b5cf6;
  --mcw-primary-dark: #4c1d95;
  --mcw-accent: #fbbf24;
  --mcw-accent-soft: #fff2c9;
  --mcw-bg-main: #12091f;
  --mcw-bg-card: #1d1033;
  --mcw-bg-soft: #29164a;
  --mcw-text: #faf7ff;
  --mcw-text-dark: #190d2d;
  --mcw-dashboard-bg: #e7dcff;
  --mcw-surface: #ffffff;
  --mcw-surface-soft: #f7f2ff;
  --mcw-surface-muted: #ede3ff;
  --mcw-border: #ddcdfd;
  --mcw-border-strong: #c9b0fb;
  --mcw-copy: #61587b;
  --mcw-copy-soft: #85789f;
  --mcw-shadow: 0 16px 34px rgba(76, 29, 149, 0.14);
  --mcw-shadow-soft: 0 10px 26px rgba(76, 29, 149, 0.08);
  --mcw-hero-gradient: linear-gradient(135deg, #6d28d9, #8b5cf6);
  --mcw-panel-gradient: linear-gradient(180deg, #ffffff, #f8f3ff);
}

[data-site-theme="ocean"] {
  --mcw-primary: #0f4c81;
  --mcw-primary-light: #1d86c9;
  --mcw-primary-dark: #0a3458;
  --mcw-accent: #11b3a3;
  --mcw-accent-soft: #daf9f4;
  --mcw-bg-main: #061521;
  --mcw-bg-card: #0d2233;
  --mcw-bg-soft: #153249;
  --mcw-text: #f2fbff;
  --mcw-text-dark: #092133;
  --mcw-dashboard-bg: #d9effc;
  --mcw-surface: #ffffff;
  --mcw-surface-soft: #eff9ff;
  --mcw-surface-muted: #e1f1fb;
  --mcw-border: #c7dfef;
  --mcw-border-strong: #a9cbe3;
  --mcw-copy: #4f6475;
  --mcw-copy-soft: #7890a3;
  --mcw-shadow: 0 16px 34px rgba(12, 56, 97, 0.14);
  --mcw-shadow-soft: 0 10px 26px rgba(12, 56, 97, 0.08);
  --mcw-hero-gradient: linear-gradient(135deg, #0f4c81, #1d86c9);
  --mcw-panel-gradient: linear-gradient(180deg, #ffffff, #f0faff);
}

[data-site-theme="ruby"] {
  --mcw-primary: #9f1239;
  --mcw-primary-light: #e11d48;
  --mcw-primary-dark: #6b0f2a;
  --mcw-accent: #f59e0b;
  --mcw-accent-soft: #fff1d9;
  --mcw-bg-main: #19070c;
  --mcw-bg-card: #2a0d16;
  --mcw-bg-soft: #3a1521;
  --mcw-text: #fff7f9;
  --mcw-text-dark: #320914;
  --mcw-dashboard-bg: #fde1e8;
  --mcw-surface: #ffffff;
  --mcw-surface-soft: #fff4f7;
  --mcw-surface-muted: #ffe8ee;
  --mcw-border: #f3cad6;
  --mcw-border-strong: #e7adbe;
  --mcw-copy: #7a5561;
  --mcw-copy-soft: #9b7480;
  --mcw-shadow: 0 16px 34px rgba(116, 16, 51, 0.14);
  --mcw-shadow-soft: 0 10px 26px rgba(116, 16, 51, 0.08);
  --mcw-hero-gradient: linear-gradient(135deg, #9f1239, #e11d48);
  --mcw-panel-gradient: linear-gradient(180deg, #ffffff, #fff4f7);
}

body[data-site-theme] {
  background: var(--mcw-dashboard-bg);
  color: var(--mcw-copy);
}

body[data-site-theme] .container,
body[data-site-theme] .game-page-my,
body[data-site-theme] .joya-wallet-page,
body[data-site-theme] .txn-history-shell,
body[data-site-theme] .turnover-shell,
body[data-site-theme] .pp-page-my,
body[data-site-theme] .ref-card,
body[data-site-theme] .refbonus-card,
body[data-site-theme] .refbonus-status,
body[data-site-theme] .fund-section,
body[data-site-theme] .wallet-bar,
body[data-site-theme] .dashboard-lgout,
body[data-site-theme] .gc-toolbar {
  background: var(--mcw-surface);
  color: var(--mcw-copy);
}

body[data-site-theme] .mcw-home-slider-wrap,
body[data-site-theme] .mcw-notice-wrap,
body[data-site-theme] .mcw-header,
body[data-site-theme] .wallet-heads,
body[data-site-theme] .refbonus-blue {
  background: var(--mcw-hero-gradient) !important;
}

body[data-site-theme] .user-profile-card {
  background: var(--mcw-hero-gradient);
}

body[data-site-theme] .mcw-slide,
body[data-site-theme] .game-item,
body[data-site-theme] .user-avatar {
  background: var(--mcw-bg-card);
}

body[data-site-theme] .mcw-sidebar {
  background: var(--mcw-bg-card);
}

body[data-site-theme] .mcw-side-top {
  background: var(--mcw-bg-soft);
}

body[data-site-theme] .mcw-menu-list li {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

body[data-site-theme] .mcw-tabbar,
body[data-site-theme] .mcw-game-img,
body[data-site-theme] .deposit-submit-modern,
body[data-site-theme] .deposit-summary,
body[data-site-theme] .deposit-timer-card,
body[data-site-theme] .selected-gateway-info,
body[data-site-theme] .txn-table-wrap,
body[data-site-theme] .turnover-summary-card,
body[data-site-theme] .turnover-overall-card,
body[data-site-theme] .turnover-item-card,
body[data-site-theme] .turnover-lock-card,
body[data-site-theme] .turnover-lock-stat,
body[data-site-theme] .gc-empty,
body[data-site-theme] .ref-card,
body[data-site-theme] .refbonus-card,
body[data-site-theme] .refbonus-status,
body[data-site-theme] .pp-info-card,
body[data-site-theme] .pp-modal-box,
body[data-site-theme] .otpBox {
  background: var(--mcw-panel-gradient);
  border-color: var(--mcw-border) !important;
  box-shadow: var(--mcw-shadow-soft);
}

body[data-site-theme] .txn-history-head h3,
body[data-site-theme] .turnover-head h3,
body[data-site-theme] .turnover-overall-top h4,
body[data-site-theme] .turnover-item-head h4,
body[data-site-theme] .gc-result-meta strong,
body[data-site-theme] .gc-banner-overlay h2,
body[data-site-theme] .pp-label,
body[data-site-theme] .refbonus-title,
body[data-site-theme] .refbonus-status-title,
body[data-site-theme] .fund-name,
body[data-site-theme] .joya-text,
body[data-site-theme] .joya-copy {
  color: var(--mcw-text-dark);
}

body[data-site-theme] .txn-overline,
body[data-site-theme] .txn-filter-group label,
body[data-site-theme] .txn-results-count,
body[data-site-theme] .turnover-overline,
body[data-site-theme] .turnover-subtitle,
body[data-site-theme] .turnover-card-label,
body[data-site-theme] .turnover-lock-head p,
body[data-site-theme] .gc-result-meta,
body[data-site-theme] .gc-empty,
body[data-site-theme] .ref-card-title,
body[data-site-theme] .ref-card-sub,
body[data-site-theme] .refbonus-expiry,
body[data-site-theme] .balance,
body[data-site-theme] .poriman,
body[data-site-theme] .selected-gateway-info,
body[data-site-theme] .deposit-submit-top p {
  color: var(--mcw-copy);
}

body[data-site-theme] .wallet-left,
body[data-site-theme] .pp-value,
body[data-site-theme] .pp-edit,
body[data-site-theme] .pp-verify,
body[data-site-theme] .ref-card-value,
body[data-site-theme] .txn-history-back,
body[data-site-theme] .gc-brand-pill,
body[data-site-theme] .gc-page-btn,
body[data-site-theme] .support-toggle,
body[data-site-theme] .refbonus-share,
body[data-site-theme] .joya-submit {
  color: #fff;
}

body[data-site-theme] .joya-wallet-tab div,
body[data-site-theme] .joya-pay-card,
body[data-site-theme] .joya-channel,
body[data-site-theme] .joya-amounts button,
body[data-site-theme] .txn-tab,
body[data-site-theme] .txn-download-btn,
body[data-site-theme] .txn-filter-btn,
body[data-site-theme] .turnover-link-btn,
body[data-site-theme] .gc-search-row button,
body[data-site-theme] .pp-secondary-btn,
body[data-site-theme] .pp-modal-header,
body[data-site-theme] .pp-submit-btn,
body[data-site-theme] .otpBox button,
body[data-site-theme] .ref-btn,
body[data-site-theme] .refbonus-share,
body[data-site-theme] .dashboard-lgout:hover,
body[data-site-theme] .support-toggle,
body[data-site-theme] .gc-page-btn.active {
  background: var(--mcw-primary) !important;
  color: #fff !important;
}

body[data-site-theme] .joya-wallet-tab .active,
body[data-site-theme] .joya-pay-card.active,
body[data-site-theme] .joya-channel.active,
body[data-site-theme] .joya-amounts button.active,
body[data-site-theme] .txn-tab.active,
body[data-site-theme] .turnover-link-btn,
body[data-site-theme] .ref-btn,
body[data-site-theme] .refbonus-share,
body[data-site-theme] .joya-submit,
body[data-site-theme] .support-toggle {
  background: var(--mcw-accent) !important;
  color: #fff !important;
}

body[data-site-theme] .turnover-back-btn,
body[data-site-theme] .gc-brand-pill.active,
body[data-site-theme] .gc-page-btn,
body[data-site-theme] .ref-input,
body[data-site-theme] .refbonus-code input,
body[data-site-theme] .pp-modal-body input,
body[data-site-theme] .otpBox input,
body[data-site-theme] .txn-filter-select,
body[data-site-theme] .txn-custom-dates input,
body[data-site-theme] .gc-search-row input[type="text"],
body[data-site-theme] .joya-wallet-select,
body[data-site-theme] #amountInput,
body[data-site-theme] #withdrawAmountInput,
body[data-site-theme] .button-submit textarea {
  background: var(--mcw-surface-soft) !important;
  border-color: var(--mcw-border) !important;
  color: var(--mcw-text-dark) !important;
}

body[data-site-theme] .gc-shell {
  background: var(--mcw-surface-soft);
}

body[data-site-theme] .gc-banner {
  background: var(--mcw-bg-card);
}

body[data-site-theme] .gc-toolbar,
body[data-site-theme] .wallet-bar,
body[data-site-theme] .fund-section,
body[data-site-theme] .dashboard-lgout,
body[data-site-theme] .joya-wallet-page,
body[data-site-theme] .txn-history-shell,
body[data-site-theme] .turnover-shell,
body[data-site-theme] .pp-page-my {
  box-shadow: var(--mcw-shadow-soft);
}

body[data-site-theme] .gc-brand-pill {
  background: var(--mcw-surface-muted);
  color: var(--mcw-primary);
}

body[data-site-theme] .gc-brand-pill.active {
  border-color: var(--mcw-primary);
  color: var(--mcw-primary);
}

body[data-site-theme] .gc-page-btn {
  color: var(--mcw-primary);
  border-color: var(--mcw-border);
}

body[data-site-theme] .gc-page-btn.active {
  border-color: transparent;
}

body[data-site-theme] .mcw-tab-content.active {
  background: var(--mcw-surface-soft);
}

body[data-site-theme] .mcw-game-img,
body[data-site-theme] .gc-toolbar,
body[data-site-theme] .wallet-bar,
body[data-site-theme] .fund-section,
body[data-site-theme] .dashboard-lgout,
body[data-site-theme] .ref-card,
body[data-site-theme] .refbonus-card,
body[data-site-theme] .refbonus-status,
body[data-site-theme] .txn-table-wrap,
body[data-site-theme] .turnover-summary-card,
body[data-site-theme] .turnover-overall-card,
body[data-site-theme] .turnover-item-card,
body[data-site-theme] .turnover-lock-card,
body[data-site-theme] .turnover-lock-stat,
body[data-site-theme] .pp-info-card,
body[data-site-theme] .pp-modal-box,
body[data-site-theme] .otpBox {
  border: 1px solid var(--mcw-border);
}

body[data-site-theme] .txn-history-alert.success,
body[data-site-theme] .turnover-lock-badge.completed {
  background: color-mix(in srgb, var(--mcw-primary) 12%, #ffffff);
  color: var(--mcw-primary-dark);
}

body[data-site-theme] .txn-history-alert.error,
body[data-site-theme] .turnover-lock-badge.active {
  background: color-mix(in srgb, var(--mcw-accent) 14%, #ffffff);
  color: var(--mcw-accent);
}

body[data-site-theme] .turnover-percent-pill {
  background: color-mix(in srgb, var(--mcw-primary) 12%, #ffffff);
  color: var(--mcw-primary);
}

body[data-site-theme] .turnover-progress {
  background: var(--mcw-surface-muted);
}

body[data-site-theme] .turnover-progress-fill,
body[data-site-theme] .section-header .line {
  background: linear-gradient(135deg, var(--mcw-primary), var(--mcw-primary-light));
}

body[data-site-theme] .gc-banner-overlay {
  background: linear-gradient(180deg, rgba(10, 16, 34, 0.08), rgba(10, 16, 34, 0.76));
}

body[data-site-theme] .game-name {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.76));
}

body[data-site-theme] .badge,
body[data-site-theme] .mcw-badge {
  background: var(--mcw-accent) !important;
  color: #fff !important;
}

body[data-site-theme] .joya-text,
body[data-site-theme] .joya-fotter-logo,
body[data-site-theme] .mcw-trust-wrap {
  background: var(--mcw-surface-soft) !important;
  color: var(--mcw-text-dark);
}

body[data-site-theme] .joya-footer-links a {
  color: var(--mcw-primary) !important;
}

body[data-site-theme] .joya-fotter-logo,
body[data-site-theme] .mcw-trust-wrap {
  border-color: var(--mcw-border);
}

body[data-site-theme] .joya-footer-links span,
body[data-site-theme] .mcw-trust-title {
  color: var(--mcw-copy);
}

body[data-site-theme] .support.fb {
  background: color-mix(in srgb, var(--mcw-primary) 84%, #1877f2);
}

body[data-site-theme] .support.tg {
  background: color-mix(in srgb, var(--mcw-primary) 70%, #229ed9);
}

body[data-site-theme] .support.wa {
  background: color-mix(in srgb, var(--mcw-primary) 64%, #25d366);
}

body[data-site-theme] .spin-close {
  background: var(--mcw-text-dark);
  color: #fff;
}

body[data-site-theme] .profile-close {
  background: rgba(255, 255, 255, 0.18);
}

body[data-site-theme] .profile-close:hover {
  background: var(--mcw-accent);
}

body[data-site-theme] .wallet-left,
body[data-site-theme] .joya-balance,
body[data-site-theme] .user-name,
body[data-site-theme] .gc-banner-overlay h2,
body[data-site-theme] .gc-banner-overlay p,
body[data-site-theme] .game-name,
body[data-site-theme] .mcw-notice-text {
  color: #fff;
}

body[data-site-theme] .wallet-left,
body[data-site-theme] .pp-value,
body[data-site-theme] .pp-edit,
body[data-site-theme] .pp-verify,
body[data-site-theme] .refbonus-row input,
body[data-site-theme] .refbonus-title,
body[data-site-theme] .refbonus-status-grid,
body[data-site-theme] .fund-name,
body[data-site-theme] .dashboard-lgout,
body[data-site-theme] .joya-copy {
  color: var(--mcw-text-dark);
}

body[data-site-theme] .pp-info-card {
  background: color-mix(in srgb, var(--mcw-primary) 8%, #ffffff);
}

body[data-site-theme] .pp-avatar {
  background: var(--mcw-surface-muted);
  border-color: var(--mcw-surface);
}

body[data-site-theme] .pp-avatar span,
body[data-site-theme] .refbonus-row input,
body[data-site-theme] .wallet-left,
body[data-site-theme] .joya-submit,
body[data-site-theme] .support-toggle {
  color: var(--mcw-accent);
}

body[data-site-theme] .joya-submit,
body[data-site-theme] .support-toggle,
body[data-site-theme] .refbonus-share {
  color: #fff;
}

body[data-site-theme] .pp-divider {
  background: var(--mcw-border-strong);
}

body[data-site-theme] .pp-modal-body input:disabled {
  background: var(--mcw-surface-muted);
}

body[data-site-theme] .txn-table thead th {
  background: linear-gradient(180deg, var(--mcw-surface), var(--mcw-surface-soft));
  color: var(--mcw-copy);
  border-bottom-color: var(--mcw-border);
}

body[data-site-theme] .txn-table tbody td {
  color: var(--mcw-text-dark);
  border-bottom-color: var(--mcw-border);
}

body[data-site-theme] .txn-table tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--mcw-surface) 72%, var(--mcw-surface-soft));
}

body[data-site-theme] .deposit-submit-top h3,
body[data-site-theme] .turnover-summary-card strong,
body[data-site-theme] .turnover-lock-stat strong,
body[data-site-theme] .refbonus-status-item strong {
  color: var(--mcw-text-dark);
}

body[data-site-theme] .deposit-timer-card strong {
  color: var(--mcw-accent);
}

body[data-site-theme] .deposit-timer-card span,
body[data-site-theme] .gc-page-dots {
  color: var(--mcw-copy-soft);
}

body[data-site-theme] .refbonus-status-item {
  background: var(--mcw-surface-muted);
  color: var(--mcw-text-dark);
}

body[data-site-theme] .ref-input,
body[data-site-theme] .refbonus-code input {
  background: var(--mcw-surface-soft);
}

body[data-site-theme] .ref-qr img,
body[data-site-theme] .refbonus-qr img {
  border-color: var(--mcw-border);
  background: var(--mcw-surface);
}

body[data-site-theme] .gc-search-row input[type="text"]:focus,
body[data-site-theme] .txn-filter-select:focus,
body[data-site-theme] .txn-custom-dates input:focus,
body[data-site-theme] .joya-wallet-select:focus,
body[data-site-theme] #amountInput:focus,
body[data-site-theme] #withdrawAmountInput:focus,
body[data-site-theme] .button-submit textarea:focus,
body[data-site-theme] .pp-modal-body input:focus,
body[data-site-theme] .otpBox input:focus,
body[data-site-theme] .ref-input:focus,
body[data-site-theme] .refbonus-code input:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--mcw-primary) 50%, white);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mcw-primary) 18%, transparent);
}

@media (min-width: 769px) {
  body[data-site-theme] .mcw-home-slider-wrap,
  body[data-site-theme] .mcw-trust-wrap {
    background: var(--mcw-bg-main) !important;
  }
}