/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

@import url("/assets/lexxy-520c112e.css");

/* Lexxy editor: visible border + focus ring so the editable surface reads as a form field */
lexxy-editor {
  display: block;
  border: 1px solid rgba(180, 140, 80, 0.25);
  border-radius: 8px;
  background: white;
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

lexxy-editor:focus-within {
  border-color: var(--color-primary, #B45309);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary, #B45309) 18%, transparent);
}

lexxy-editor .lexxy-editor__toolbar {
  border-bottom: 1px solid rgba(180, 140, 80, 0.18);
  background: rgba(250, 246, 239, 0.5);
  padding: 6px 8px;
}

lexxy-editor .lexxy-editor__content {
  min-block-size: 8lh;
}