:root {
  --brand: #94a3b8;
  --brand-2: #38bdf8;
  --brand-rgb: 148, 163, 184;
  --bg: #111827;
  --surface: #1f2937;
  --surface-alt: #0f172a;
  --text-main: #f8fafc;
  --text-muted: #cbd5e1;
  --border: #374151;
  --shadow-sm: 0 4px 14px rgba(0, 0, 0, .30);
  --shadow-md: 0 12px 28px rgba(0, 0, 0, .36);
  --shadow-lg: 0 26px 56px rgba(0, 0, 0, .42);
}

.site-header {
  background: rgba(17, 24, 39, .95);
}

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

.hero-article,
.widget {
  background: linear-gradient(180deg, #1f2937, #111827);
}

.warning-banner {
  background: rgba(56, 189, 248, .10);
  border-left-color: #38bdf8;
}

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

.site-footer {
  background: #030712;
}