:root {
  --quivira-ink: #172321;
  --quivira-mint: #d9f4eb;
  --quivira-coral: #e15d47;
}

.sidebar-brand-text {
  font-weight: 700;
  letter-spacing: 0;
}

.sidebar-logo {
  height: 6rem;
  width: 6rem;
}

.content .lead {
  color: var(--color-foreground-secondary);
  font-size: 1.25rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}

.sd-card {
  border: 1px solid var(--color-background-border);
  border-radius: 6px;
  box-shadow: none;
  transition: border-color 160ms ease, transform 160ms ease;
}

.sd-card:hover {
  border-color: var(--color-brand-primary);
  transform: translateY(-2px);
}

.sd-card-title {
  color: var(--color-brand-primary);
}

div.nbinput.container div.input_area {
  border-left: 3px solid var(--color-brand-primary);
}

div.nboutput.container div.output_area {
  border-left: 3px solid var(--quivira-coral);
}