:root {
  --shell-bg: #0a0a0a;
  --shell-surface: #111111;
  --shell-surface-2: #171717;
  --shell-border-soft: rgba(255, 255, 255, 0.1);
  --shell-text: #e5e5e5;
  --shell-muted: #a3a3a3;
  --shell-accent: #34d399;
  --shell-accent-2: #ffffff;
  --shell-warn: #f59e0b;
}

body.shell-body {
  background: #0a0a0a !important;
  color: var(--shell-text) !important;
}

.shell-body .shell-header {
  background: rgba(10, 10, 10, 0.88) !important;
  border-bottom: 1px solid var(--shell-border-soft) !important;
}

.shell-body .shell-cta,
.shell-body .primary-action,
.shell-body .secondary-action {
  background: transparent !important;
  border: 1px solid var(--shell-border-soft) !important;
  box-shadow: none !important;
  color: var(--shell-text) !important;
}

.shell-body main,
.shell-body .about-page,
.shell-body .solution-page,
.shell-body .collab-section {
  background: transparent !important;
}

.shell-body .about-title,
.shell-body .solution-title,
.shell-body .solution-thesis,
.shell-body .block-heading,
.shell-body .block-body,
.shell-body .about-intro,
.shell-body .about-body p,
.shell-body .about-body a,
.shell-body .about-panel-label,
.shell-body .about-list li,
.shell-body .solution-summary-list,
.shell-body .solution-summary-list li,
.shell-body .solution-summary-list strong,
.shell-body .back-link,
.shell-body .collab-subheading,
.shell-body .collab-tagline,
.shell-body .section-heading-light {
  color: var(--shell-text) !important;
}

.shell-body .about-intro,
.shell-body .about-body p,
.shell-body .about-list li,
.shell-body .solution-thesis,
.shell-body .block-body,
.shell-body .solution-summary-list,
.shell-body .back-link,
.shell-body .collab-tagline {
  color: #c9d6ea !important;
}

.shell-body .about-title,
.shell-body .solution-title {
  font-family: "Space Grotesk", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.04em !important;
}

.shell-body .about-panel,
.shell-body .solution-header,
.shell-body .solution-summary-card,
.shell-body .solution-block,
.shell-body .solution-meta-block,
.shell-body .collab-inner {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid var(--shell-border-soft) !important;
  box-shadow: none !important;
}

.shell-body .about-list li {
  border-top: 1px solid var(--shell-border-soft) !important;
}

.shell-body .solution-pills .pill-category {
  background: rgba(96, 165, 250, 0.12) !important;
  border: 1px solid rgba(96, 165, 250, 0.35) !important;
  color: var(--shell-accent-2) !important;
}

.shell-body .solution-pills .pill-status.pill-live {
  background: rgba(52, 211, 153, 0.14) !important;
  border: 1px solid rgba(52, 211, 153, 0.3) !important;
  color: var(--shell-accent) !important;
}

.shell-body .solution-pills .pill-status.pill-poc {
  background: rgba(245, 158, 11, 0.12) !important;
  border: 1px solid rgba(245, 158, 11, 0.3) !important;
  color: var(--shell-warn) !important;
}

.shell-body .solution-pills .pill-status.pill-in-development,
.shell-body .solution-pills .pill-type {
  background: rgba(148, 163, 184, 0.12) !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  color: var(--shell-muted) !important;
}

.shell-body .tech-pill {
  background: rgba(15, 23, 42, 0.68) !important;
  border: 1px solid var(--shell-border-soft) !important;
  color: var(--shell-accent-2) !important;
}

.shell-body .solution-page .btn,
.shell-body .collab-section .btn {
  border-radius: 999px !important;
  padding: 12px 18px !important;
  border: 1px solid var(--shell-border-soft) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.shell-body .solution-page .btn-primary,
.shell-body .collab-section .btn-light {
  background: transparent !important;
  color: var(--shell-text) !important;
}

.shell-body .solution-page .btn-secondary,
.shell-body .solution-page .btn-outline-light,
.shell-body .collab-section .btn-outline-light {
  background: rgba(15, 23, 42, 0.9) !important;
  color: var(--shell-text) !important;
}