:root {
  --ot-white: #ffffff !important;
  --ot-page: #fffff3 !important;
  --ot-soft: #f6ffe0 !important;
  --ot-ink: #40401a !important;
  --ot-muted: #64748b !important;
  --ot-blue: #feff67 !important;
  --ot-blue2: #b5fe00 !important;
  --ot-green: #f3feff !important;
  --ot-green2: #f3feff !important;
  --ot-line: rgba(254,255,103,0.16) !important;
  --ot-shadow: 0 22px 55px rgba(254,255,103,0.2) !important;
  --ot-grad: linear-gradient(135deg, #feff67 0%, #b5fe00 50%, #f3feff 100%) !important;

  --rx-primary: #feff67 !important;
  --rx-primary-dark: #feff67 !important;
  --rx-secondary: #f3feff !important;
  --rx-accent: #b5fe00 !important;
  --rx-accent-2: #f3feff !important;
  --rx-bg: #fffff3 !important;
  --rx-bg-soft: #f6ffe0 !important;
  --rx-surface: #ffffff !important;
  --rx-border: rgba(254,255,103,0.16) !important;
  --rx-border-strong: rgba(254,255,103,0.16) !important;
  --rx-text: #0f172a !important;
  --rx-text-muted: #64748b !important;
  --rx-gradient-brand: linear-gradient(135deg, #feff67 0%, #b5fe00 50%, #f3feff 100%) !important;
  --rx-gradient-card: linear-gradient(135deg, #feff67 0%, #b5fe00 50%, #f3feff 100%) !important;
  --rx-gradient-soft: linear-gradient(180deg, #ffffff 0%, #fffff3 48%, #f6ffe0 100%) !important;
  --rx-shadow-glow: 0 17px 38px rgba(181,254,0,0.28) !important;
  --rx-indigo: #feff67 !important;
  --rx-violet: #f3feff !important;
  --rx-pink: #b5fe00 !important;
  --rx-cyan: #feff67 !important;
  --rx-theme-c1: #feff67;
  --rx-theme-c2: #b5fe00;
  --rx-theme-c3: #f3feff;
  --rx-theme-text: #0f172a;
}

body.rx-body,
body.rx-auth-body,
body.rx-landing,
body.rx-page-dashboard,
body.rx-page-checkin,
body.rx-page-salary,
body {
  background:
    radial-gradient(circle at 10% 8%, #feff6733, transparent 28%),
    radial-gradient(circle at 88% 12%, #f3feff2e, transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #fffff3 48%, #f6ffe0 100%) !important;
  color: #0f172a !important;
}

.rx-referral,
.rx-wallet-main,
.rx-action-icon--blue,
.rx-action-icon--green,
.rx-menu-btn,
.rx-btn-primary,
.rx-card--gradient,
.rx-user-box,
.rx-icon,
.rx-bnav-item.is-active .rx-bnav-icon,
.rx-profile-link::after,
.rx-header-glow,
.rx-bottom-glow,
.ot-pwa-banner-icon,
.ot-pwa-banner-btn,
.shop-card-top,
.shop-head-line,
.shop-head-icon,
.shop-vip-badge,
.shop-buy-btn,
.shop-stat-icon--profit,
.shop-stat-icon--total,
.shop-stat-icon--days,
.shop-stat-icon--daily,
.ot-head-line,
.rx-accent-line,
.ot-referral-head-icon,
.ot-copy-btn,
.ot-copy-ref-btn,
.ot-contact-btn.is-blue,
.ot-contact-btn.is-green,
.ot-mine-btn,
.rx-ci-hero,
.rx-ci-accent,
.rx-salary-accent,
.ot-review-icon--blue,
.ot-review-icon--green,
.ot-review-icon--purple,
.ot-review-icon--cyan,
.ot-review-icon--amber,
.ot-review-icon--teal,
.rx-stat-icon--blue,
.rx-stat-icon--purple,
.rx-stat-icon--green,
.rx-stat-icon--pink,
.rx-overview-card--gold,
.rx-overview-card--cyan,
.rx-overview-card--indigo,
.rx-overview-card--rose,
.rx-home-cta,
.rx-landing .rx-btn,
.admin-submit {
  background: linear-gradient(135deg, #feff67 0%, #b5fe00 50%, #f3feff 100%) !important;
  color: #fff !important;
  box-shadow: 0 14px 32px #feff6740 !important;
}

.rx-dash-avatar,
.rx-header-title,
.rx-sidebar-logo,
.rx-auth-heading h1,
.rx-auth-top-brand strong,
.ot-page-title,
.shop-head h2,
.rx-nav-name,
.rx-home-nav .rx-nav-name {
  background: linear-gradient(90deg, #feff67, #b5fe00, #f3feff) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.rx-dash-avatar {
  -webkit-text-fill-color: #fff !important;
  color: #fff !important;
  background: linear-gradient(135deg, #feff67 0%, #b5fe00 50%, #f3feff 100%) !important;
}

.rx-copy-btn {
  background: #ffffff !important;
  color: #feff67 !important;
}

.rx-item.is-active {
  background: linear-gradient(135deg, #f6ffe0, #fffff3) !important;
  border-color: #f3feff !important;
}

.rx-bnav-item.is-active {
  color: #feff67 !important;
  background: linear-gradient(135deg, #feff671a, #f3feff14) !important;
}

.rx-header-glow,
.rx-bottom-glow {
  background: conic-gradient(from var(--rx-angle, 0deg), #feff67, #b5fe00, #f3feff, #feff67) !important;
}

.shop-card-top {
  background: linear-gradient(90deg, #feff67, #b5fe00, #f3feff) !important;
}

/* Force readable body/card text when admin picks white or black */
.rx-shell,
.rx-card,
.rx-panel,
.rx-auth-card,
.shop-card,
.ot-card,
.rx-landing,
.rx-landing p,
.rx-landing span,
.rx-landing li,
.rx-wallet-label,
.rx-stat-label,
.rx-menu-label {
  color: #0f172a;
}

.rx-text-muted,
.rx-muted,
.text-muted {
  color: #64748b !important;
}