/* Dewa222 dark-purple theme — teepublic/v7
   Color overrides only. Token names match the repo palette. */

:root,
[data-theme="default"] {
  --dw-bg: #14081f;
  --dw-surface: #25013b;
  --dw-surface-alt: #31104e;
  --dw-purple: #490897;
  --dw-purple-light: #7a3fd1;
  --dw-purple-dark: #2e0563;
  --dw-gold: #ffb514;
  --dw-gold-soft: #dbbc56;
  --dw-text: #f1e9fb;
  --dw-text-muted: #a894c2;
  --dw-border: #3a2354;
  --dw-danger: #b5442e;
  --dw-success: #5f7a3a;
  --dw-on-gold: #14081f;

  --color-primary-100: #f3e9fb !important;
  --color-primary-200: #dcc6f3 !important;
  --color-primary-300: #a87ee0 !important;
  --color-primary-400: var(--dw-purple-light) !important;
  --color-primary-500: var(--dw-purple) !important;
  --color-primary-600: #3d077d !important;
  --color-primary-700: var(--dw-purple-dark) !important;
  --color-primary-800: var(--dw-surface) !important;
  --color-primary-900: var(--dw-bg) !important;
  --color-primary-500-a10: rgba(73, 8, 151, 0.1) !important;
  --color-primary-500-a25: rgba(73, 8, 151, 0.25) !important;
  --color-primary-500-a70: rgba(73, 8, 151, 0.7) !important;
  --color-link-500: var(--dw-gold) !important;
  --color-link-600: #d49410 !important;

  --color-danger-100: #3a1a14 !important;
  --color-danger-200: #5c2a20 !important;
  --color-danger-300: #8a3d2c !important;
  --color-danger-400: #a34a34 !important;
  --color-danger-500: var(--dw-danger) !important;
  --color-danger-600: #8c3422 !important;
  --color-danger-700: #6e291b !important;
  --color-danger-800: #4a1b12 !important;
  --color-danger-900: #2c100b !important;

  --color-success-100: #1c2414 !important;
  --color-success-200: #2c3a1e !important;
  --color-success-300: #44582c !important;
  --color-success-400: #526832 !important;
  --color-success-500: var(--dw-success) !important;
  --color-success-600: #4c632f !important;
  --color-success-700: #3d4f26 !important;
  --color-success-800: #2c3a1c !important;
  --color-success-900: #1c2412 !important;
  --color-success-500-a10: rgba(95, 122, 58, 0.1) !important;

  --color-warning-100: #2e240c !important;
  --color-warning-200: #4a3a12 !important;
  --color-warning-300: #7a6220 !important;
  --color-warning-400: var(--dw-gold-soft) !important;
  --color-warning-500: var(--dw-gold) !important;
  --color-warning-600: #d49410 !important;
  --color-warning-700: #a8740c !important;
  --color-warning-800: #6e4c08 !important;
  --color-warning-900: #3a2804 !important;

  --color-accent-orange-100: #2e240c !important;
  --color-accent-orange-200: #4a3a12 !important;
  --color-accent-orange-300: #7a6220 !important;
  --color-accent-orange-400: var(--dw-gold-soft) !important;
  --color-accent-orange-500: var(--dw-gold) !important;
  --color-accent-orange-600: #d49410 !important;
  --color-accent-orange-700: #a8740c !important;
  --color-accent-orange-800: #6e4c08 !important;
  --color-accent-orange-900: #3a2804 !important;

  --color-neutral-100: var(--dw-bg) !important;
  --color-neutral-200: #1c0a2e !important;
  --color-neutral-300: var(--dw-surface) !important;
  --color-neutral-400: var(--dw-text-muted) !important;
  --color-neutral-500: #c4b0d8 !important;
  --color-neutral-600: var(--dw-text) !important;
  --color-neutral-700: #5a3d78 !important;
  --color-neutral-800: var(--dw-surface) !important;
  --color-neutral-900: var(--dw-bg) !important;
  --color-neutral-500-a60: rgba(168, 148, 194, 0.6) !important;
  --color-neutral-800-a20: rgba(37, 1, 59, 0.2) !important;
  --color-neutral-800-a40: rgba(37, 1, 59, 0.4) !important;
  --color-neutral-800-a60: rgba(37, 1, 59, 0.6) !important;
  --color-neutral-800-a80: rgba(37, 1, 59, 0.8) !important;

  --color-white: var(--dw-text) !important;
  --color-white-a04: rgba(241, 233, 251, 0.04) !important;
  --color-white-a10: rgba(241, 233, 251, 0.1) !important;
  --color-white-a20: rgba(241, 233, 251, 0.2) !important;
  --color-white-a40: rgba(241, 233, 251, 0.4) !important;
  --color-white-a50: rgba(241, 233, 251, 0.5) !important;
  --color-white-a60: rgba(241, 233, 251, 0.6) !important;
  --color-white-a70: rgba(241, 233, 251, 0.7) !important;
  --color-white-a80: rgba(241, 233, 251, 0.8) !important;
  --color-white-a90: rgba(241, 233, 251, 0.9) !important;
  --color-black: var(--dw-bg) !important;
}

html,
body,
#teepublic,
.main-wrapper,
#content {
  background-color: var(--dw-bg) !important;
  color: var(--dw-text) !important;
}

.vc-header,
.m-footer-sitemap,
.m-explore-nav,
.m-design__admin-nav {
  background-color: var(--dw-surface) !important;
  color: var(--dw-text) !important;
}

hr {
  background-color: var(--dw-border) !important;
}

a,
.link,
.link--default,
.description-content a {
  color: var(--dw-gold) !important;
}

a:hover,
.link:hover,
.description-content a:hover,
a:active,
a:focus {
  color: var(--dw-gold-soft) !important;
}

.teepublicon--blue-default,
.teepublicon--blue-default svg,
.teepublicon--blue-default path,
.teepublicon--primary-400,
.teepublicon--primary-400 svg,
.teepublicon--primary-400 path {
  color: var(--dw-purple-light) !important;
  fill: var(--dw-purple-light) !important;
}

.btn,
.btn-x {
  background: linear-gradient(180deg, #ffe08a 0%, var(--dw-gold) 45%, #d49410 100%) !important;
  color: var(--dw-on-gold) !important;
  border-color: var(--dw-gold) !important;
}

.btn:hover,
.btn-x:hover {
  background: linear-gradient(180deg, var(--dw-purple-light) 0%, var(--dw-purple) 55%, var(--dw-purple-dark) 100%) !important;
  color: var(--dw-gold) !important;
  border-color: var(--dw-purple-light) !important;
}

.btn.btn--no-background,
.vc-header__shop-button,
.vc-header__account-button,
.vc-header__cart-button,
.btn.btn--no-background:hover,
.btn.btn--no-background:focus,
.btn.btn--no-background:active,
.vc-header__shop-button:hover,
.vc-header__account-button:hover,
.vc-header__cart-button:hover {
  background: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: var(--dw-text) !important;
}

.btn--fb,
.btn--fb:hover,
.btn--fb:focus,
.btn--fb:active {
  background: var(--dw-purple) !important;
  color: var(--dw-text) !important;
}

.btn--green,
.btn--green:hover {
  background: var(--dw-success) !important;
  color: var(--dw-text) !important;
}

.m-header__search-submit,
.btn.m-header__search-submit,
.vc-header__cta-button {
  background: var(--dw-purple) !important;
  border-color: var(--dw-purple) !important;
  color: var(--dw-text) !important;
}

.m-header__search-submit:hover,
.vc-header__cta-button:hover {
  background: var(--dw-purple-light) !important;
  border-color: var(--dw-purple-light) !important;
}

h1,
.h__h1--sm,
.m-design__price,
.m-cart-config__select-label,
.radio-selector__select {
  color: var(--dw-gold) !important;
}

.DEWA222-toto-togel-container {
  background: var(--dw-surface) !important;
  border-color: var(--dw-gold) !important;
  box-shadow: 0 0 25px rgba(255, 181, 20, 0.35) !important;
  color: var(--dw-text) !important;
}

.DEWA222-toto-togel-container h2,
.DEWA222-toto-togel-container summary,
.seller-name__detail a {
  color: var(--dw-gold) !important;
  text-shadow: none !important;
}

.DEWA222-toto-togel-container details {
  background: var(--dw-surface-alt) !important;
  border-color: var(--dw-border) !important;
}

.DEWA222-toto-togel-container details:hover {
  box-shadow: 0 0 14px rgba(122, 63, 209, 0.45) !important;
}

.DEWA222-toto-togel-container details p {
  color: var(--dw-text) !important;
}

.DEWA222-toto-togel-container blockquote {
  background: var(--dw-bg) !important;
  border-left-color: var(--dw-gold) !important;
  color: var(--dw-text) !important;
}

.DEWA222-toto-togel-container cite {
  color: var(--dw-gold-soft) !important;
}

.teepublicon-background--facebook,
.teepublicon-background--twitter,
.teepublicon-background--tumblr,
.teepublicon-background--instagram,
.teepublicon-background--twitch,
.teepublicon-background--purple-default,
.btn--fb,
.btn--fb:hover,
.btn--fb:focus,
.btn--fb:active {
  background-color: var(--dw-purple) !important;
}

.teepublicon-background--deviantart,
.teepublicon-background--linktree,
.teepublicon-background--success-green {
  background-color: var(--dw-success) !important;
}

.teepublicon-background--pinterest,
.teepublicon-background--youtube,
.teepublicon-background--reddit,
.teepublicon-background--error-red {
  background-color: var(--dw-danger) !important;
}

.teepublicon-background--blue-default,
.teepublicon-background--warning-yellow {
  background-color: var(--dw-gold) !important;
}

.teepublicon-background--tiktok,
.teepublicon-background--dark-default {
  background-color: var(--dw-bg) !important;
}