/* Theme C - bright parchment UI, matching the right reference */
:root {
  --theme-c-ink: #21150c;
  --theme-c-paper-1: #fff8ea;
  --theme-c-paper-2: #f7e6c5;
  --theme-c-paper-3: #e7c990;
  --theme-c-wood: #2f1b10;
  --theme-c-gold-1: #ffdf84;
  --theme-c-gold-2: #f3ac2a;
  --theme-c-green: #267634;
  --theme-c-line: rgba(127, 82, 33, .34);
}

html body,
html body.gx-public,
html body.gx-shell {
  color: var(--theme-c-ink) !important;
  background:
    linear-gradient(90deg, rgba(31, 19, 12, .95), rgba(31, 19, 12, .52) 20%, rgba(255, 247, 227, .12) 52%, rgba(31, 19, 12, .82)),
    url("/images/backgrounds/dravonx-night-world-bg.webp") center top / cover fixed !important;
}

html body.gx-shell #header.gx-site-header,
html body.gx-shell .gx-site-header {
  background: linear-gradient(180deg, #3e2413, #1f1209 72%, #120905) !important;
  border-color: rgba(255, 218, 132, .5) !important;
}

html body.gx-public #header.gx-public-shell-header {
  background: linear-gradient(180deg, rgba(255, 248, 231, .98), rgba(241, 219, 184, .98)) !important;
  border-color: rgba(135, 88, 34, .36) !important;
}

html body.gx-shell .gx-active-menu a,
html body.gx-shell .gx-utility-menu-flat a {
  background: linear-gradient(180deg, rgba(56, 32, 16, .96), rgba(28, 15, 8, .98)) !important;
  color: #fff3d0 !important;
}

html body.gx-shell .gx-active-menu a.is-active,
html body.gx-shell .gx-utility-menu-flat a.is-active,
html body.gx-shell .gx-active-menu a[aria-current="page"],
html body.gx-shell .gx-utility-menu-flat a[aria-current="page"] {
  background: linear-gradient(180deg, #2b7d39, #164f20) !important;
  box-shadow: inset 3px 0 0 #ffd15d, inset 0 -2px 0 rgba(255, 202, 67, .75) !important;
}

html body.gx-shell .gx-game,
html body.gx-shell .gx-redesign-page,
html body.gx-shell .gx-deposit-panel,
html body.gx-shell .gx-deposit-checkout,
html body.gx-shell .gx-payout-clone,
html body.gx-shell .gx-task-center,
html body.gx-shell .gx-settings-page,
html body.gx-shell .gx-support-shell,
html body.gx-shell .gx-rewards-page,
html body.gx-public .gx-public-content > section,
html body.gx-public .gx-public-content > article,
html body.gx-public .gx-home-hero {
  background: linear-gradient(180deg, var(--theme-c-paper-1), var(--theme-c-paper-2)) !important;
  border-color: #d7a65b !important;
  color: var(--theme-c-ink) !important;
}

html body.gx-shell article,
html body.gx-shell .gx-clone-slot,
html body.gx-shell .gx-strip-upgrade-card,
html body.gx-shell .gx-deposit-method,
html body.gx-shell .gx-payment-type,
html body.gx-shell .gx-payout-method-card,
html body.gx-shell .gx-task-card,
html body.gx-shell .gx-settings-modern-form,
html body.gx-shell .gx-settings-payout-form,
html body.gx-public article,
html body.gx-public .gx-home-auth-card {
  background: linear-gradient(145deg, #fffaf0 0%, #f0dcb6 100%) !important;
  border-color: #d5a45a !important;
  color: var(--theme-c-ink) !important;
}

html body.gx-shell h1,
html body.gx-shell h2,
html body.gx-shell h3,
html body.gx-public h1,
html body.gx-public h2,
html body.gx-public h3,
html body.gx-shell b,
html body.gx-public b {
  color: #21140b !important;
}

html body.gx-shell button,
html body.gx-shell .btn,
html body.gx-shell input[type="submit"],
html body.gx-public button,
html body.gx-public input[type="submit"],
html body.gx-public .gx-home-guest-action {
  background: linear-gradient(180deg, var(--theme-c-gold-1), var(--theme-c-gold-2)) !important;
  border-color: #b2741d !important;
  color: #21140b !important;
}

html body.gx-shell input,
html body.gx-shell select,
html body.gx-shell textarea,
html body.gx-public input,
html body.gx-public select,
html body.gx-public textarea {
  background: #fffdf7 !important;
  color: #21140b !important;
  border-color: #c59651 !important;
}

html body.gx-shell .gx-clone-scene-collect {
  background: linear-gradient(180deg, #92dc65, #3ba044) !important;
  border-color: #287934 !important;
}