:root {
  --brand: #22d3ee;
  --brand-2: #a855f7;
  --brand-rgb: 34, 211, 238;
  --bg: #020617;
  --surface: #0f172a;
  --surface-alt: #111827;
  --text-main: #e0f2fe;
  --text-muted: #94a3b8;
  --border: #1e3a5f;
  --shadow-sm: 0 4px 16px rgba(34, 211, 238, .08);
  --shadow-md: 0 14px 34px rgba(34, 211, 238, .12);
  --shadow-lg: 0 30px 72px rgba(168, 85, 247, .18);
}

.site-header {
  background: rgba(2, 6, 23, .96);
}

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

.hero-article {
  background: radial-gradient(circle at 100% 0, rgba(168, 85, 247, .18), transparent 260px), #0f172a;
}

.widget {
  background: linear-gradient(180deg, #0f172a, #020617);
}

.tag {
  background: rgba(34, 211, 238, .10);
}

.warning-banner {
  background: rgba(168, 85, 247, .12);
  border-left-color: #a855f7;
}

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

.site-footer {
  background: #000000;
}