/* Dewa222 dark-purple theme — teepublic/v5
   Color/theme overrides only. White content backgrounds are intentionally preserved.
   Token names/values reused from teepublic/v4/files/css/dewa222-theme.css. */

: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-light: #c4890f; /* teks emas gelap di atas latar putih */
  --dw-on-light-muted: #d49410; /* teks emas sekunder di atas latar putih */

  /* TeePublic primary (blue) → purple */
  --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;

  /* Status hues → muted palette-safe equivalents */
  --color-success-500: var(--dw-success) !important;
  --color-warning-400: var(--dw-gold-soft) !important;
  --color-warning-500: var(--dw-gold) !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-danger-500: var(--dw-danger) !important;

  /* Cool-grey neutrals → purple-tinted darks */
  --color-neutral-700: #5a3d78 !important;
  --color-neutral-800: var(--dw-surface) !important;
  --color-neutral-900: var(--dw-bg) !important;
}

/* Links */
a,
.link,
.link--default,
.description-content a {
  color: var(--dw-gold);
}

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

/* TeePublic icon tints */
.teepublicon--blue-default,
.teepublicon--blue-default svg,
.teepublicon--blue-default path {
  color: var(--dw-purple) !important;
  fill: var(--dw-purple) !important;
}

.teepublicon--color-orange-400,
.teepublicon--color-orange-400 svg,
.teepublicon--color-orange-400 path {
  color: var(--dw-gold) !important;
  fill: var(--dw-gold) !important;
}

/* Header CTA (BUAT AKUN) — white text */
.vc-header__cta .link,
.vc-header__cta .vc-header__cta-button,
.vc-header__cta .link__content {
  color: #ffffff !important;
}

/* Header search submit */
.m-header__search-submit,
.btn.m-header__search-submit {
  background: var(--dw-purple) !important;
  border-color: var(--dw-purple) !important;
  color: var(--dw-text) !important;
}

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

/* DAFTAR / LOGIN CTA — gold gradient over deep purple shadow */
.btn-x {
  background: linear-gradient(180deg, #ffe08a 0%, var(--dw-gold) 30%, var(--dw-gold-soft) 70%, #c4890f 100%) !important;
  color: var(--dw-bg) !important;
  box-shadow:
    0 4px 0 var(--dw-purple-dark),
    0 8px 15px rgba(73, 8, 151, 0.3),
    inset 0 1px 2px rgba(255, 255, 255, 0.5) !important;
}

.btn-x:hover {
  background: linear-gradient(180deg, var(--dw-purple-light) 0%, var(--dw-purple) 40%, var(--dw-purple-dark) 100%) !important;
  color: var(--dw-gold) !important;
  box-shadow:
    0 6px 0 var(--dw-purple-dark),
    0 12px 20px rgba(73, 8, 151, 0.4),
    inset 0 1px 3px rgba(255, 255, 255, 0.35) !important;
}

/* Headings / labels on light surfaces */
.m-explore-nav__link .link__content,
.m-design__ratings-heading,
.m-design__ratings-service-name,
.m-product-options__social-title,
.m-design-product-info--product-quality h4 {
  color: var(--dw-on-light);
}

/* Tab navigation */
.m-tab-nav__item a {
  color: var(--dw-on-light-muted);
}

.m-tab-nav__item a:hover,
.m-tab-nav__item.is-active a,
.m-tab-nav__item [aria-selected="true"] {
  color: var(--dw-gold) !important;
}

/* Information note */
.tp-text-note--information {
  border-color: var(--dw-purple) !important;
}