:root {
  --ck-border-radius: 0.25rem !important;
}

.ck.ck-editor__main>.ck-editor__editable {
  background-color: rgb(var(--color-alpha)) !important;
}

.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
  border-color: rgb(var(--color-charlie)) !important;
}

.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
  border-color: rgb(var(--color-brand)) !important;
  box-shadow: 0 0 0 1px rgb(var(--color-brand)) !important;
}

.ck.ck-editor__editable_inline {
  padding: 0 .75rem !important;
}

.ck.ck-toolbar {
  background-color: rgb(var(--color-bravo)) !important;
  border-color: rgb(var(--color-charlie)) !important;
}

.ck.ck-reset_all {
  color: rgb(var(--color-foxtrot)) !important;
}

.ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover {
  background: rgb(var(--color-charlie)) !important;
}

.ck.ck-icon, .ck.ck-icon * {
  color: rgb(var(--color-foxtrot)) !important;
}

.ck.ck-placeholder:before, .ck .ck-placeholder:before {
  color: currentColor !important;
  opacity: .35 !important;
}

.ck.ck-content {
  min-height: 8rem;
}