/* ==========================================================================
   The rich text editor — what the site adds on top of the gem's lexxy.css.

   Nearly all of the editor's look is Lexxy's own stylesheet drawing with the
   --lexxy-* tokens variables.css points at the palette; the toolbar's
   contents are shared/_editor_toolbar. What is left for this file is the
   handful of things Lexxy does not do that the site's other fields do.

   Loads after lexxy.css (linked before :app in the layout), so a
   same-specificity rule here wins on order.
   ========================================================================== */


/* Focus. Lexxy draws a ring on its toolbar buttons and nothing on the frame;
   every other field on the site lights up (main.css, textarea:focus), and a
   field that does not reads as one that did not take the click. The frame
   follows the writing surface, not the toolbar — :focus-within would light it
   up for a Tab through the buttons too. */
lexxy-editor:has(.lexxy-editor__content:focus) {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 1px;
  border-color: var(--pajaro-azul);
}