:root {
  --d2-bg: #0d0b10;
  --d2-surface: #16131b;
  --d2-surface-soft: #211b27;
  --d2-border: #403347;
  --d2-border-strong: #75606f;
  --d2-text: #f5efe6;
  --d2-text-soft: #d5cbbc;
  --d2-text-dim: #9a8f88;
  --d2-gold: #d7b36a;
  --d2-gold-soft: #8f7238;
  --d2-red: #8b2d2d;
  --d2-blue: #3f5e78;
}

[data-theme="light"] body.diablo2-theme {
  --d2-bg: #f6f1e7;
  --d2-surface: #fffaf2;
  --d2-surface-soft: #efe6d7;
  --d2-border: #d7c8ad;
  --d2-border-strong: #b99b63;
  --d2-text: #2f2820;
  --d2-text-soft: #594d40;
  --d2-text-dim: #7c6d5b;
  --d2-gold: #a67a2d;
  --d2-gold-soft: #c6aa73;
  --d2-red: #9f3e34;
  --d2-blue: #355f88;
}

body.diablo2-theme {
  background:
    radial-gradient(circle at top, rgba(94, 68, 30, 0.22), transparent 26%),
    linear-gradient(180deg, #0a090c 0%, #110e14 100%);
  color: var(--d2-text);
}

[data-theme="light"] body.diablo2-theme {
  background:
    radial-gradient(circle at top, rgba(166, 122, 45, 0.12), transparent 26%),
    linear-gradient(180deg, #f8f4ec 0%, #f1ebdf 100%);
}

.diablo2-theme .content-area {
  color: var(--d2-text);
}

.diablo2-theme a {
  color: #f1c875;
}

[data-theme="light"] .diablo2-theme a {
  color: #8a651f;
}

.diablo2-theme a:hover {
  color: #ffe09e;
}

[data-theme="light"] .diablo2-theme a:hover {
  color: #b07c24;
}

.d2-eyebrow {
  margin: 0 0 12px;
  color: var(--d2-gold);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.d2-lead {
  color: var(--d2-text-soft);
  font-size: 1.04rem;
  line-height: 1.8;
}

.d2-pill {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid var(--d2-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--d2-text-soft);
  font-size: 0.85rem;
}

.d2-pill--accent {
  border-color: rgba(215, 179, 106, 0.5);
  background: rgba(215, 179, 106, 0.12);
  color: #ffde9d;
}