/* Dynamic system theme — full palette from #7C3AED */
:root,
body,
body.auth-page,
body.home-blue-theme,
body.start-blue-theme,
body.profile-blue-theme,
body.deposit-blue-theme,
body.withdraw-blue-theme,
body.form-blue-theme,
body.record-blue-theme,
body.levels-blue-theme,
body.about-blue-theme,
body.page-content-admin,
body.system-settings-admin {
  --brand: #7C3AED;
  --brand-dark: #5B21B6;
  --brand-darker: #501DA0;
  --brand-light: #A78BFA;
  --brand-lighter: #B299FB;
  --brand-soft: #F5EFFE;
  --brand-mid: #E7DCFC;
  --brand-accent: #D1BAF9;
  --brand-border: #DAC8FA;
  --brand-hover: #5B21B6;
  --brand-hover-deep: #501DA0;
  --brand-shadow: rgba(124, 58, 237, 0.28);
  --brand-shadow-md: rgba(124, 58, 237, 0.18);
  --brand-shadow-soft: rgba(124, 58, 237, 0.08);
  --brand-shadow-strong: rgba(124, 58, 237, 0.35);
  --brand-shadow-card: rgba(124, 58, 237, 0.12);
  --brand-shadow-btn: rgba(124, 58, 237, 0.32);
  --brand-ring: rgba(124, 58, 237, 0.18);
  --brand-ring-soft: rgba(124, 58, 237, 0.30);
  --page-bg: #FAF5FF;
  --card-bg: #FFFFFF;
  --main-color: #7C3AED;
  --main-color-dark: #5B21B6;
  --chrome-bg: #7C3AED;
  --chrome-shadow: rgba(124, 58, 237, 0.28);
  --footer-bg: #7C3AED;
  --footer-start-text: #7C3AED;
  --footer-shadow: rgba(124, 58, 237, 0.35);
  --pro-primary: #7C3AED;
  --pro-primary-dark: #5B21B6;
  --pro-primary-light: #A78BFA;
  --pro-accent-soft: #D1BAF9;
  --auth-input-focus: #7C3AED;
  --auth-link: #7C3AED;
  --auth-link-hover: #A78BFA;
  --admin-brand: #7C3AED;
  --admin-brand-dark: #5B21B6;
  --admin-brand-darker: #501DA0;
  --admin-brand-light: #A78BFA;
  --admin-brand-soft: #F5EFFE;
  --admin-brand-hover: #5B21B6;
  --admin-brand-hover-deep: #501DA0;
  --admin-hover-bg: #EDE3FC;
  --admin-hover-row: #F2EBFD;
  --admin-page-bg: #FAF5FF;
  --pc-brand: #7C3AED;
  --pc-brand-dark: #5B21B6;
  --pc-brand-soft: #F5EFFE;
  --pc-page-bg: #FAF5FF;
  --pc-card-bg: #FFFFFF;
}

.van-tabbar {
  box-shadow: 0 -2px 12px rgba(124, 58, 237, 0.35) !important;
}

.bg-\[var\(--header-bg\)\],
.van-nav-bar {
  box-shadow: 0 2px 12px rgba(124, 58, 237, 0.28) !important;
}

.main-sidebar.sidebar-dark-primary {
  background: linear-gradient(180deg, #5B21B6 0%, #7C3AED 55%, #A78BFA 100%) !important;
}

.btn-primary,
.card-primary:not(.card-outline) > .card-header,
.ss-shell__header,
.ss-active-currency__badge,
.ss-bonus-input__currency,
.ss-save-btn,
.pc-shell__header,
.pc-save-btn,
.pc-upload__icon {
  background: linear-gradient(135deg, #7C3AED 0%, #5B21B6 100%) !important;
  border-color: #5B21B6 !important;
}