/* Seasonal account paint. The backend design switch supplies the body class;
 * removing it restores account.css, including every existing layout and state. */
body.ascend-halloween .acend-account--v2 {
  --acend2-bg: #100c11;
  --acend2-card: #1c141a;
  --acend2-card-hi: #281b21;
  --acend2-sunk: #100c12;
  --acend2-line: rgba(255, 171, 101, 0.2);
  --acend2-line-hi: rgba(255, 181, 117, 0.42);
  --acend2-text: #fff3e9;
  --acend2-muted: #c6b4ab;
  --acend2-faint: #ad9891;
  --acend2-accent: #ffad64;
  --acend2-accent-hi: #ffbf89;
  --acend2-accent-soft: rgba(255, 150, 63, 0.12);
  --acend2-glow: 0 0 0 1px #ffad6450, 0 16px 38px #f9731614;
  --acend-accent: #ffad64;
  --acend-accent-soft: rgba(255, 150, 63, 0.12);
  --acend-text: #fff3e9;
  --acend-muted: #c6b4ab;
  --acend-border: rgba(255, 171, 101, 0.2);
  --account-line: rgba(255, 171, 101, 0.2);
}

body.ascend-halloween .ascend-page--account .ascend-shortcode-surface {
  border-color: #ffad643d;
  background: radial-gradient(ellipse at 10% 0%, #f973160c, transparent 62%), #120f16;
}

body.ascend-halloween .acend-account--v2 .acend-account-layout {
  --account-line: rgba(255, 171, 101, 0.2);
}

/* Decorative SVGs sit in their own space, never over a form or account data. */
body.ascend-halloween .acend-account--v2 .acend-auth2__head::before {
  content: "";
  display: block;
  width: 112px;
  height: 80px;
  margin: 0 auto 0.6rem;
  background: url('../images/halloween-pumpkins.svg') center / contain no-repeat;
  pointer-events: none;
}

body.ascend-halloween .acend-account--v2 .acend-account-sidebar {
  border-color: #ffad644d;
  background: radial-gradient(ellipse at 0% 0%, #84371821, transparent 70%), linear-gradient(145deg, #24171d, #131017);
  box-shadow: 0 14px 38px #0003;
}

body.ascend-halloween .acend-account--v2 .acend-account-sidebar::after {
  content: "";
  display: block;
  height: 64px;
  margin-top: 10px;
  background: url('../images/halloween-pumpkins.svg') center / 88px auto no-repeat;
  opacity: 0.65;
  pointer-events: none;
}

body.ascend-halloween .acend-account--v2 :is(.acend-auth2__card, .acend-modal__panel) {
  border-color: #ffad6452;
  background: radial-gradient(ellipse at 100% 0%, #f9731615, transparent 60%), #1a131a;
  box-shadow: 0 20px 48px #0005, 0 0 34px #f973160a;
}

body.ascend-halloween .acend-account--v2 :is(.acend-auth2__card:hover, .acend-auth2__card:focus-within) {
  border-color: #ffb97888;
  box-shadow: 0 20px 48px #0005, 0 0 34px #f9731612;
}

body.ascend-halloween .acend-account--v2 :is(.acend-auth2__seg, .acend-account-modes) {
  border-color: #ffad643b;
  background: #100c12;
}

body.ascend-halloween .acend-account--v2 :is(.acend-auth2__seg-item.is-active, .acend-pager__page.is-active) {
  border-color: #ffc18a;
  background: linear-gradient(130deg, #ffb970, #f78b43);
  color: #291306;
  box-shadow: 0 6px 18px #f9731624;
}

body.ascend-halloween .acend-account--v2 :is(.acend-dash2__tab, .acend-account-modes__link) {
  color: #d0bdb3;
  opacity: 1;
}

body.ascend-halloween .acend-account--v2 :is(.acend-dash2__tab.is-active, .acend-account-modes__link.is-active, .acend-account-modes__link.is-active[href*="tab=creator"]) {
  border-color: #ffad6466;
  background: linear-gradient(110deg, #f9731624, #ffad6410);
  color: #ffc38e;
  box-shadow: inset 3px 0 #ffad64, 0 3px 24px #f9731608;
}

body.ascend-halloween .acend-account--v2 :is(.acend-dash2__tab:hover, .acend-account-modes__link:hover) {
  background-color: #ffad6414;
  color: #fff3e9;
}

body.ascend-halloween .acend-account--v2 .acend-dash2__tab-count {
  color: #d7b79f;
}

body.ascend-halloween .acend-account--v2 :is(.acend-tile, .acend-latest, .acend-ledger, .acend-licgroup, .acend-orderrow, .acend-dlcard, .acend-sec__card, .acend-referrals__card, .acend-referrals__notice, .acend-key__confirm) {
  border-color: #ffad6438;
  background: linear-gradient(140deg, #21161d, #141118);
}

body.ascend-halloween .acend-account--v2 :is(.acend-tile:hover, .acend-orderrow:hover, .acend-dlcard:hover, .acend-sec__card[open]) {
  border-color: #ffad6470;
  box-shadow: 0 10px 30px #0003;
}

body.ascend-halloween .acend-account--v2 :is(.acend-dash2__avatar--letter, .acend-stat-icon) {
  border-color: #ffad644a;
  background: #ff9d4c16;
  color: #ffba7b;
  box-shadow: none;
}

body.ascend-halloween .acend-account--v2 :is(.acend-tile--balance .acend-tile__value, .acend-stat-topup, .acend-latest__label a, .acend-quick__title, .acend-auth2__link, .acend-linkbtn) {
  color: #ffc18a;
}

body.ascend-halloween .acend-account--v2 :is(.acend-dash2__mail, .acend-dash2__greet, .acend-tile__label, .acend-latest__label, .acend-latest__ref, .acend-settings-intro, .acend-order-help, .acend-settings-group, .acend-key__message) {
  color: #c6b4ab;
}

body.ascend-halloween .acend-account--v2 .acend-btn.acend-btn--primary,
body.ascend-halloween .acend-account--v2 .acend-key__button.is-primary {
  border-color: #ffbd858c;
  background: linear-gradient(130deg, #ffb970, #f78b43);
  color: #291306;
  box-shadow: 0 8px 24px #f973161a, inset 0 1px #ffe4c433;
}

body.ascend-halloween .acend-account--v2 .acend-btn.acend-btn--primary:hover,
body.ascend-halloween .acend-account--v2 .acend-key__button.is-primary:hover {
  background: #ffc38b;
  color: #291306;
  box-shadow: 0 10px 26px #f9731628;
}

body.ascend-halloween .acend-account--v2 .acend-btn.acend-btn--ghost,
body.ascend-halloween .acend-account--v2 .acend-key__button {
  border-color: #ffad6445;
  background: #ffad640a;
  color: #f3ccad;
}

body.ascend-halloween .acend-account--v2 :is(.acend-btn.acend-btn--ghost:hover, .acend-key__button:hover) {
  border-color: #ffb97880;
  background: #ffad641a;
  color: #fff3e9;
}

body.ascend-halloween .acend-account--v2 :is(.acend-form__field input, .acend-form__field textarea, .acend-form__field select, .acend-referrals__card input) {
  border-color: #ffad643b;
  background-color: #100c12;
  color: #fff3e9;
  caret-color: #ffc18a;
}

body.ascend-halloween .acend-account--v2 :is(.acend-form__field input, .acend-form__field textarea, .acend-form__field select, .acend-referrals__card input):focus {
  border-color: #ffb978;
  box-shadow: 0 0 0 3px #ffad6429;
}

body.ascend-halloween .acend-account--v2 :is(a, button, input, select, textarea, summary):focus-visible {
  outline-color: #ffc18a;
}

body.ascend-halloween .acend-account--v2 .acend-referrals__progress {
  accent-color: #ffad64;
}

/* Provider icons and success/error states retain their established meaning. */
body.ascend-halloween .acend-account--v2 .acend-discord-banner {
  border-color: #ffad6440;
  background: linear-gradient(110deg, #48261f55, #201526);
}

body.ascend-halloween .acend-account--v2 .acend-creator {
  --creator-accent: #ffad64;
  --creator-accent-text: #ffc18a;
  --creator-accent-soft: #ffad6414;
  --creator-accent-line: #ffad644d;
  --creator-line: #ffad6438;
  --creator-muted: #c6b4ab;
  --creator-text: #fff3e9;
  --creator-surface: linear-gradient(140deg, #21161d, #141118);
}

/* Community Configs uses the same account primitives on its standalone page. */
body.ascend-halloween .acend-account--v2 .acend-configs-hero {
  position: relative;
  isolation: isolate;
  border-color: #ffad6457;
  background: radial-gradient(ellipse at 90% 0%, #b74c202e, transparent 65%), linear-gradient(130deg, #2c1b22, #140f18);
  box-shadow: 0 20px 52px #0005;
}

body.ascend-halloween .acend-account--v2 .acend-configs-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 12px;
  width: 150px;
  height: 130px;
  background: url('../images/halloween-moon.svg') center / contain no-repeat;
  opacity: 0.2;
  pointer-events: none;
}

body.ascend-halloween .acend-account--v2 :is(.acend-config-tabs, .acend-config-gate, .acend-config-upload, .acend-config-library, .acend-config-submissions, .acend-config-card) {
  border-color: #ffad643d;
  background: linear-gradient(140deg, #21161d, #141118);
}

body.ascend-halloween .acend-account--v2 .acend-config-tab {
  color: #c6b4ab;
}

body.ascend-halloween .acend-account--v2 .acend-config-tab.is-active {
  background: linear-gradient(130deg, #ffb970, #f78b43);
  color: #291306;
  box-shadow: 0 8px 22px #f9731624;
}

body.ascend-halloween .acend-account--v2 .acend-config-tab:hover {
  color: #fff3e9;
  background-color: #ffad6414;
}

body.ascend-halloween .acend-account--v2 .acend-config-tab.is-active:hover {
  color: #291306;
  background: #ffc38b;
}

body.ascend-halloween .acend-account--v2 :is(.acend-configs-title-icon, .acend-config-upload__eyebrow, .acend-config-card__software) {
  color: #ffba7b;
}

body.ascend-halloween .acend-account--v2 .acend-config-library__count {
  color: #ffd0a6;
  border-color: #ffad6450;
  background: #ffad6417;
}

body.ascend-halloween .acend-account--v2 .acend-config-card:hover {
  border-color: #ffad6480;
  box-shadow: 0 12px 28px #0005;
}

body.ascend-halloween .acend-account--v2 .acend-config-card__thumb {
  background: linear-gradient(145deg, #35212b, #17111c);
}

/* The original reconnect link uses !important to override theme links. */
body.ascend-halloween .acend-account--v2 .acend-config-gate__reconnect {
  color: #ffc18a !important;
}

body.ascend-halloween .acend-account--v2 .acend-config-gate__reconnect:hover {
  color: #ffe1c7 !important;
}

@media (max-width: 560px) {
  body.ascend-halloween .acend-account--v2 .acend-auth2__head::before {
    width: 88px;
    height: 64px;
    margin-bottom: 0.45rem;
  }

  body.ascend-halloween .acend-account--v2 .acend-account-sidebar::after {
    height: 42px;
    background-size: 62px auto;
    margin-top: 6px;
  }

  body.ascend-halloween .acend-account--v2 .acend-modal__panel {
    border: 0;
  }
}
