/*
 * Lexxy (Action Text editor) themed to match the Prized Arts palette.
 * Base styles come from the lexxy gem (lexxy-variables.css, lexxy.css),
 * linked before this file in the application layout.
 */

:root {
  --lexxy-color-ink: #0a0a0a;
  --lexxy-color-ink-medium: #444444;
  --lexxy-color-ink-light: #666666;
  --lexxy-color-ink-lighter: rgba(10, 10, 10, 0.2);
  --lexxy-color-ink-lightest: #f7f5f0;
  --lexxy-color-accent-dark: #8c6b1d;
  --lexxy-color-accent-medium: #b8963e;
  --lexxy-color-accent-light: #efe4c8;
  --lexxy-color-accent-lightest: #f5efe0;
  --lexxy-color-link: #8c6b1d;
}

lexxy-editor {
  display: block;
  border: 1px solid rgba(10, 10, 10, 0.2);
  border-radius: 0.25rem;
  background-color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.6;
}

lexxy-editor:focus-within {
  border-color: #0a0a0a;
  box-shadow: 0 0 0 1px #0a0a0a;
}

lexxy-editor .lexxy-editor__content {
  min-height: 7.5rem;
  padding: 0.75rem 0.875rem;
  outline: none;
}

lexxy-toolbar {
  border-bottom: 1px solid rgba(10, 10, 10, 0.1);
  background-color: #faf8f3;
  border-radius: 0.25rem 0.25rem 0 0;
}

.lexxy-content,
.trix-content {
  font-size: 0.9375rem;
  line-height: 1.65;
  color: #0a0a0a;
}

.lexxy-content > * + *,
.trix-content > * + * {
  margin-top: 0.75em;
}

.lexxy-content ul,
.trix-content ul {
  list-style: disc;
  padding-left: 1.25rem;
}

.lexxy-content ol,
.trix-content ol {
  list-style: decimal;
  padding-left: 1.25rem;
}

.lexxy-content a,
.trix-content a {
  color: #8c6b1d;
  text-decoration: underline;
}

.lexxy-content blockquote,
.trix-content blockquote {
  border-left: 2px solid #8c6b1d;
  padding-left: 0.875rem;
  color: #444444;
}

.lexxy-content h1,
.trix-content h1 {
  font-family: "Playfair Display", serif;
  font-size: 1.25rem;
}