/*
 * Culinari theme for the Lexxy editor and rendered rich text. The baseline
 * editor + .lexxy-content styles ship with the gem (lexxy.css, linked right
 * before this file); this file only bridges the app's design tokens into
 * Lexxy's CSS custom properties and restores the chrome the Trix editor had.
 */

lexxy-editor,
.lexxy-content {
  /* Brand the accent-driven pieces: links, focus/selection rings. */
  --lexxy-color-link: var(--accent-text);
  --lexxy-focus-ring-color: var(--accent);
}

lexxy-editor {
  border-color: var(--border-hairline);
  border-radius: var(--radius-md);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* Echo the bottom-border input system's focus cue: terracotta edge + soft tint
   halo, so the writing surface signals focus like every other field. */
lexxy-editor:focus-within {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-tint);
}

/* Tall writing surface for article bodies (was trix-editor.article-body).
   --lexxy-editor-rows is the gem's min-block-size hook for the editable area. */
lexxy-editor.article-body {
  --lexxy-editor-rows: 20em;
  --lexxy-color-canvas: #fff;
}

/* Legacy Trix bodies contain <h1> (its only heading); Trix styled it at a
   modest 1.2em where the gem uses 2rem. Keep old content looking as it did.
   Lexxy itself only produces h2-h4, which keep the gem sizes. */
.lexxy-content h1 {
  font-size: 1.2em;
  line-height: 1.2;
}