:root {
  --ns-bg: #000000;
  --ns-soft: #030303;
  --ns-surface: #070707;
  --ns-surface-2: #0d0d0d;
  --ns-text: #f4f4f2;
  --ns-muted: #c8c6c1;
  --ns-faint: #98958f;
  --ns-border: #1b1b1b;
  --ns-coral: #f84949;
  --ns-orange: #faa226;
  --ns-grad: linear-gradient(135deg, #faa226, #f84949);
}

html,
body {
  background: var(--ns-bg) !important;
  color: var(--ns-text) !important;
}

nav,
footer,
.bg-white,
.bg-slate-50,
.bg-slate-100,
.bg-brand-navy,
.bg-brand-navylight {
  background-color: rgba(0, 0, 0, 0.94) !important;
}

.bg-white,
.bg-slate-50,
.bg-slate-100 {
  background-color: var(--ns-surface) !important;
}

[class*="bg-[#f1f5f9]"],
[class*="bg-[#ffffff]"],
[class*="bg-[#f8fafc]"] {
  background-color: var(--ns-surface-2) !important;
}

.border,
.border-t,
.border-b,
.border-slate-100,
.border-slate-200,
.border-brand-navyborder {
  border-color: var(--ns-border) !important;
}

[class*="border-[#e2e8f0]"],
[class*="divide-[#e2e8f0]"] > * + * {
  border-color: var(--ns-border) !important;
}

.text-slate-900,
.text-slate-800,
.text-slate-700,
.text-brand-navy,
.specimen {
  color: var(--ns-text) !important;
}

.text-slate-600,
.text-slate-500,
.text-slate-400,
.text-slate-300,
.text-slate-200 {
  color: var(--ns-muted) !important;
}

.hover\:text-slate-900:hover {
  color: var(--ns-text) !important;
}

.text-brand-coral,
.hover\:text-brand-coral:hover {
  color: #faa226 !important;
}

.bg-brand-coral,
.from-brand-coral,
.to-orange-400,
.bg-gradient-to-r {
  background-image: var(--ns-grad) !important;
}

.shadow,
.shadow-sm,
.shadow-lg,
.shadow-xl,
.shadow-2xl {
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.42) !important;
}

.rounded-xl,
.rounded-2xl,
.rounded-3xl,
.card,
[class*="border"][class*="rounded"] {
  background-color: var(--ns-surface) !important;
}

.swatch {
  border-color: var(--ns-border) !important;
}

code,
pre,
.copy-chip {
  background-color: var(--ns-surface-2) !important;
  color: var(--ns-text) !important;
  border-color: var(--ns-border) !important;
}

#scroll-progress {
  background: var(--ns-grad) !important;
}