:root {
  --brand: #d4af37;
  --brand-2: #f97316;
  --brand-rgb: 212, 175, 55;
  --bg: #09090b;
  --surface: #18181b;
  --surface-alt: #111113;
  --text-main: #fef3c7;
  --text-muted: #d6c58a;
  --border: #3f3517;
  --shadow-sm: 0 4px 16px rgba(0, 0, 0, .38);
  --shadow-md: 0 14px 32px rgba(0, 0, 0, .44);
  --shadow-lg: 0 30px 64px rgba(0, 0, 0, .52);
}

.site-header {
  background: rgba(9, 9, 11, .96);
}

.brand-text strong,
h1,
h2,
h3,
.main-nav a,
.toc-list a {
  color: var(--text-main);
}

.hero-article,
.widget {
  background: radial-gradient(circle at 100% 0, rgba(212, 175, 55, .12), transparent 240px), #18181b;
}

.tag {
  background: rgba(212, 175, 55, .10);
}

.warning-banner {
  background: rgba(212, 175, 55, .11);
  border-left-color: #d4af37;
}

.warning-banner strong,
.trust-content strong {
  color: #facc15;
}

.site-footer {
  background: #000000;
}