:root {
  --ink: #26191a;
  --muted: #887b7d;
  --line: #eee5e5;
  --paper: #fff;
  --bg: #f8f6f6;
  --green: #990f19;
  --mint: #f8e9ea;
  --dark: #5b1018;
  --lime: #e8c6c8;
  --shadow: 0 12px 36px rgba(64, 12, 18, .08);
}

body { background: var(--bg); }
.brand, .cloud-brand { color: #981018; }
.jc-brand-copy { line-height: 1; white-space: nowrap; }
.jc-brand-copy b {
  display: block;
  color: #9b1018;
  font: 400 17px/1.05 'DM Sans', sans-serif !important;
  letter-spacing: .65px !important;
}
.jc-brand-copy small {
  display: block;
  margin-top: 4px;
  color: #161314 !important;
  font-size: 9px !important;
  font-weight: 500;
  letter-spacing: 2px !important;
}
.cloud-card {
  border-top: 3px solid #9b1018;
  box-shadow: 0 20px 55px rgba(64, 12, 18, .1);
}
.cloud-card h1, .page-heading h1 { color: #2b2021; }
.cloud-card input:focus,
.field input:focus, .field select:focus, .field textarea:focus {
  border-color: #bd7378;
  box-shadow: 0 0 0 3px #f8e9ea;
}
.workspace-icon { background: #f8e9ea; color: #97111a; }
.nav-item.active { background: #f8e9ea; color: #851019; }
.nav-item.active .nav-icon { color: #97111a; }
.nav-item:hover { background: #faf3f3; }
.metric-icon, .service-card .service-icon { background: #f9eeee; color: #97111a; }
.btn-primary { background: #97111a; border-color: #97111a; }
.btn-primary:hover { background: #780b13; border-color: #780b13; }
.help-card { background: #faf3f3; }
.help-card .help-icon { color: #97111a; }
.help-card button, .view-link { color: #97111a; }
.avatar-brand { background: #97111a; color: #fff; }
.chart-line { stroke: #97111a; }
.chart-point { stroke: #97111a; }
.chart-tooltip { fill: #5b1018; }
.legend-dot { background: #97111a; }
.category-bar i { background: #97111a; }
.category-row:nth-child(2) .category-bar i { background: #c77d82; }
.category-row:nth-child(3) .category-bar i { background: #d0aa66; }
.toast { background: #5b1018; }
.integration-banner { border-color: #efd8da; background: #fcf3f4; color: #72585a; }
.integration-banner b, .integration-banner a { color: #851019; }
.company-box { border-top: 2px solid #9b1018; }

@media (max-width: 520px) {
  .jc-brand-copy b { font-size: 16px !important; }
  .cloud-brand { margin-bottom: 24px; }
}