/* Dewa222 theme: dark purple, light purple/white, gold */
:root {
  --dw-bg: #12081d;
  --dw-bg-deep: #0a0414;
  --dw-surface: #1c0d33;
  --dw-surface-alt: #2b1450;
  --dw-purple: #5b21b6;
  --dw-purple-mid: #7c3aed;
  --dw-purple-light: #c4b5fd;
  --dw-purple-bright: #e9d5ff;
  --dw-white: #faf7ff;
  --dw-gold: #ffd56a;
  --dw-gold-bright: #ffb514;
  --dw-gold-soft: #dbbc56;
  --dw-text: #f7f2ff;
  --dw-text-muted: #d4c4f0;
  --dw-border: #4c2a78;
}

html,
body,
#html-body,
.page-wrapper {
  background: linear-gradient(180deg, var(--dw-bg-deep) 0%, var(--dw-bg) 42%, #1a0a2e 100%) !important;
  color: var(--dw-text);
}

.page-header,
.page-header .header.content,
.page-header .nav-sections,
.page-footer,
.page-main,
#maincontent,
#maincontent .columns,
#maincontent .column.main,
#maincontent .product-info-wrapper,
#maincontent .product-info-main {
  background: transparent !important;
}

.page-header .header.content,
.nav-sections,
.navigation {
  background: linear-gradient(90deg, #14081f 0%, #2e0563 50%, #14081f 100%) !important;
}

.page-footer,
.page-footer .footer-content-mckanmo-desktop,
.page-footer .footer.content {
  background: linear-gradient(180deg, #14081f 0%, #0a0414 100%) !important;
  color: var(--dw-text) !important;
  border-top: 1px solid rgba(255, 181, 20, 0.28);
}

#maincontent h1,
#maincontent h2,
#maincontent h3,
#maincontent h4,
#maincontent h5,
#maincontent .page-title,
#maincontent .page-title .base {
  color: var(--dw-gold) !important;
}

#maincontent p,
#maincontent li,
#maincontent td,
#maincontent th,
#maincontent label,
#maincontent .product.attribute.description,
#maincontent p a,
#maincontent a:not(.action):not(.product-item-link),
#maincontent a:not(.action):not(.product-item-link):hover {
  color: var(--dw-purple-bright) !important;
}

.page-header .account-dropdown a.action.toggle,
.page-header .wishlist-dropdown a.action.toggle,
.page-header .minicart-wrapper .action.showcart {
  color: #ffffff;
  filter: none;
  background-image: none;
}

.page-header .nav-toggle:after,
.page-header .nav-toggle:before,
.header.content .nav-toggle:after {
  background-color: #ffffff !important;
}