/*
  * 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.
  */

/* Global focus-visible outline — brand violet for keyboard navigation */
*:focus-visible {
  outline: 2px solid #8b5cf6;
  outline-offset: 2px;
}

/* Dropdown menu items use background color for focus, not outline */
[role="menu"] a:focus,
[role="menu"] a:focus-visible,
[role="menu"] button:focus,
[role="menu"] button:focus-visible {
  outline: none !important;
}