html,
body {
  background-color: #221F1F;
  color: #f5f5f5;
}

/* Header & navigation */
header.bg-black {
  background-color: #221F1F;
}

/* Page sections */
.bg-black {
  background-color: #221F1F;
}

/* Typography on dark pages */
.text-gray-900 {
  color: #fff;
}

.text-gray-600 {
  color: #d1d5db;
}

.text-gray-500 {
  color: #9ca3af;
}

.text-gray-700 {
  color: #e5e5e5;
}

.border-gray-200,
.border-gray-300 {
  border-color: #333;
}

.divide-gray-500\/10 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(255, 255, 255, 0.1);
}

/* Content cards */
.bg-white.rounded-md,
.bg-white.rounded-xl,
.bg-white.rounded-lg,
article.bg-white {
  background-color: #111 !important;
  border: 1px solid #333;
  color: #f5f5f5;
}

.bg-white.rounded-md h2,
.bg-white.rounded-xl h2,
.bg-white.rounded-md h3 {
  color: #fff;
}

/* Value proposition & feature cards */
.bg-orange-50 {
  background-color: #1a1510 !important;
  border-color: #4a3520 !important;
  color: #f5f5f5;
}

.bg-blue-50 {
  background-color: #0a1118 !important;
  border-color: #1e3a5f !important;
  color: #f5f5f5;
}

.bg-violet-50 {
  background-color: #12101a !important;
  border-color: #3b2d5c !important;
  color: #f5f5f5;
}

.bg-pink-50 {
  background-color: #1a1015 !important;
  border-color: #4a2030 !important;
  color: #f5f5f5;
}

.bg-emerald-50 {
  background-color: #0a1512 !important;
  border-color: #1e4030 !important;
  color: #f5f5f5;
}

.bg-rose-50 {
  background-color: #150a0c !important;
  border-color: #4a2030 !important;
  color: #f5f5f5;
}

.bg-orange-50 h2,
.bg-blue-50 h2,
.bg-violet-50 h2,
.bg-pink-50 h2,
.bg-emerald-50 h2,
.bg-rose-50 h2 {
  color: #fff;
}

/* Icon containers inside cards */
.bg-white.p-4.rounded-lg,
.bg-white.p-4.rounded-lg.flex-shrink-0 {
  background-color: #000 !important;
  border: 1px solid #333;
}

/* List items in differentiators */
li.bg-white {
  background-color: #0a0a0a !important;
}

li.bg-white p {
  color: #e5e5e5;
}

/* Mobile menu */
el-dialog-panel.bg-\[\#111\] .hover\:bg-gray-50:hover {
  background-color: #222 !important;
}

/* Form inputs on contact page */
input,
textarea,
select {
  background-color: #111;
  border-color: #333;
  color: #fff;
}

input::placeholder,
textarea::placeholder {
  color: #888;
}

/* Blog / prose sections */
.prose,
.prose p,
.prose li {
  color: #d1d5db;
}

.prose h1,
.prose h2,
.prose h3,
.prose h4 {
  color: #fff;
}

/* Hover states */
.group-hover\:text-gray-600:hover,
.group:hover .group-hover\:text-gray-600 {
  color: #d1d5db !important;
}

.hover\:bg-gray-50:hover {
  background-color: #1a1a1a !important;
}

/* Reviews section */
.bg-\[url\(image\/bg-law\.png\)\] {
  background-color: #000;
}

/* Footer blog cards */
.bg-white.rounded-xl.shadow {
  background-color: #111 !important;
  border: 1px solid #333;
}

.bg-white.rounded-xl.shadow h3,
.bg-white.rounded-xl.shadow p {
  color: #e5e5e5;
}

/* Value proposition footer text block */
.border-blue-200 {
  border-color: #1e3a5f !important;
  color: #e5e5e5;
}

.border-blue-200 p {
  color: #e5e5e5;
}

/* Footer CTA button on dark sections */
a.bg-white.text-black {
  background-color: #fff !important;
  color: #000 !important;
}

html {
  background-color: #000;
}

/* Footer */
footer.bg-blue-50 {
  background-color: #000 !important;
  border-top: 1px solid #222;
}

footer .text-gray-800 {
  color: #d1d5db !important;
}

label {
  color: #f5f5f5;
}

.text-indigo-600 {
  color: #818cf8;
}

.text-indigo-500 {
  color: #a5b4fc;
}

.fill-gray-50 {
  fill: #111;
}

.stroke-gray-200 {
  stroke: #333;
}