/* Shared Virgin Mutic palette for every route and host of this deployment. */
:root,
html.van-theme-light,
html.van-theme-dark {
  --music-wine: #68162f;
  --music-header: #3e1222;
  --music-blush: #f27da2;
  --music-paper: #fff8f7;
  --music-text: #2d1720;
  --music-muted: #73434d;
  --music-border: #e9d5dc;
  --main-color: var(--music-wine);
  --header-bg: var(--music-header);
  --menu-bg: var(--music-wine);
  --menu-color: #fffaf8;
  --primary-color: var(--music-blush);
  --van-primary-color: var(--music-wine) !important;
  --van-background: var(--music-paper);
  --van-background-2: #fffdfb;
  --van-background-3: #f7e9ee;
  --van-text-color: var(--music-text);
  --van-text-color-2: var(--music-muted);
  --van-nav-bar-background: var(--music-header) !important;
  --van-nav-bar-title-text-color: #fffaf8 !important;
  --van-nav-bar-icon-color: #fffaf8 !important;
  --van-tabbar-background: #17131a !important;
  --van-tabbar-item-text-color: #f1e6e9 !important;
  --van-tabbar-item-active-color: var(--music-blush) !important;
  --van-tabbar-item-active-background: #17131a !important;
  --van-button-primary-background: var(--music-wine) !important;
  --van-button-primary-border-color: var(--music-wine);
  --van-button-primary-color: #fffaf8 !important;
  --van-tab-text-color: var(--music-muted) !important;
  --van-tab-active-text-color: var(--music-wine) !important;
  --van-tabs-bottom-bar-color: var(--music-wine);
  --van-dialog-confirm-button-text-color: var(--music-wine);
  --van-cell-background: #fffdfb;
  --van-field-input-text-color: var(--music-text);
  --van-field-placeholder-text-color: #78616b;
  --van-cell-border-color: var(--music-border);
  --van-popup-background: #fffdfb;
  --van-search-content-background: #f7e9ee;
  --van-notice-bar-background: #f7e0e8;
  --van-notice-bar-text-color: var(--music-wine);
  --van-count-down-text-color: var(--music-wine) !important;
}

html {background: #3e1222; color-scheme: light; scrollbar-color: #9c6276 #fff8f7;}
body {background: #3e1222; color: var(--music-text);}
#app {background: var(--music-paper);}
::selection {background: #ef7098; color: #2d1720;}
input, textarea {caret-color: var(--music-wine);}
input::placeholder, textarea::placeholder {color: #78616b; opacity: 1;}
:where(a, button, input, textarea, select, [role="button"], [tabindex]):focus-visible {
  outline: 3px solid #b4466b;
  outline-offset: 3px;
}

/* Replace the old red login artwork with the approved homepage surface. */
.login {
  background-color: var(--music-wine) !important;
  background-image: none !important;
  color: #fffaf8;
}
.login .text-main {color: #ffd5e3;}
.login .van-button--primary:not(.van-button--plain) {
  background: var(--music-blush);
  color: var(--music-header);
  --van-button-primary-color: var(--music-header);
  --van-button-primary-background: var(--music-blush);
}
.login :where(a, button, input, [tabindex]):focus-visible {outline-color: #ffd5e3;}
.login .van-cell {border-color: #e9d5dc;}
.login .van-field__control {color: #2d1720;}
.login .van-field__control::placeholder {color: #78616b;}
[class~="bg-[url(@/assets/images/website/bg-1.png)]"] {
  background-image: none !important;
  background-color: #68162f;
}
.starting > div:first-child .text-main {color: #ffd5e3;}
[class~="bg-[url(@/assets/images/website/bg-1.png)]"] .starting .text-main {color: #ffd5e3;}
.van-circle__hover {stroke: #f27da2 !important;}
.van-dropdown-menu__bar {background: transparent;}
.van-dropdown-menu__title {color: inherit;}
[class~="bg-[url(@/assets/images/website/banner.png)]"] [class~="bg-[#F7F7F7]"] {
  background: #6d5260;
  color: #fffaf8 !important;
}
.starting [class~="text-black"][class~="sm:text-white"] {color: #fffaf8;}
[class~="bg-[url(@/assets/images/website/banner.png)]"] .van-dropdown-menu__bar {
  background: #6d5260;
  --van-dropdown-menu-title-text-color: #fffaf8;
}
[class~="bg-[url(@/assets/images/website/banner.png)]"] .van-dropdown-menu__title {color: #fffaf8;}
.music-catalog-compact .music-more,
.music-catalog-compact .music-source {color: #73434d;}
.login .van-checkbox__icon--checked .van-icon,
.login .van-radio__icon--checked .van-icon {background: #f27da2; border-color: #f27da2;}

/* Route-local styles are lazy loaded; these rules keep their chrome consistent. */
#app .van-nav-bar {background: var(--music-header);}
#app .van-nav-bar .van-nav-bar__title,
#app .van-nav-bar .van-icon,
#app .van-nav-bar .van-nav-bar__text {color: #fffaf8;}
.van-tabbar {background: #17131a !important;}
.van-tabbar-item {color: #f1e6e9;}
.van-tabbar-item--active,
.van-tabbar-item--active .van-tabbar-item__text {
  background: #17131a !important;
  color: #f27da2 !important;
}
.van-button--plain.van-button--primary {color: var(--music-wine); border-color: var(--music-wine);}
.van-tab--card.van-tab--active {background: #68162f; color: #fffaf8 !important;}
.van-tabs__line {background: #68162f;}
.van-dialog {color: #2d1720;}
.van-dialog__confirm, .van-dialog__confirm:active {color: #68162f;}
.van-radio__icon--checked .van-icon,
.van-checkbox__icon--checked .van-icon {color: #fffaf8 !important;}

/* Original brand-color utility classes, excluding success/warning/error states. */
[class~="bg-[#E61B19]"], [class~="bg-[#ee0a24]"] {background-color: #68162f;}
[class~="border-[#E61B19]"] {border-color: #68162f;}
[class~="text-[#E61B19]"], [class~="text-[#F43D6B]"] {color: #68162f;}
[class~="bg-[#17161A]"] {background-color: #17131a;}
[class~="bg-[#FFE9EB]"], [class~="bg-[#FBF5F4]"],
[class~="bg-[#F3F5F9]"], [class~="bg-[#F6F7F9]"],
[class~="bg-[#F7F7F7]"], [class~="bg-[#F8F8F8]"] {background-color: #fff8f7;}
[class~="bg-[#E0F0FF]"] {background-color: #f7e0e8;}
[class~="bg-[#D8DDEA]"], [class~="bg-[#DFE4E8]"], [class~="bg-[#E0E3E7]"] {background-color: #e9d5dc;}

/* Keep existing reward and balance dialogs in the same visual family. */
.order-balance-modal {background: #fff8f7; color: #2d1720;}
.order-balance-modal p {color: #73434d;}
.order-balance-modal button {background: #68162f; color: #fffaf8;}
.bonus-reward {background: #240b18d1;}
.bonus-reward__dialog {
  border-color: #d693aa;
  background: #3e1222;
  box-shadow: 0 20px 60px #240b1880;
  color: #fffaf8;
}
.bonus-reward__dialog h2, .bonus-reward__amount {color: #f7adc6;}
.bonus-reward__unit {color: #edc8d3;}
.bonus-reward__emblem, .bonus-reward__coin {
  border-color: #ffd5e3;
  background: #f27da2;
  color: #3e1222;
  box-shadow: 0 4px 12px #240b184d;
}
.bonus-reward__button {background: #f27da2; color: #3e1222;}
.support-reply-alert {background: #fff8f7; color: #2d1720; border-color: #e9d5dc;}
.support-reply-actions a, .support-reply-actions button {color: #68162f;}
.support-reply-actions :focus-visible {outline-color: #b4466b;}
.dot i {background-color: #f27da2 !important;}