/* TrainFYI — Custom styles loaded via static file for CDN caching */

/* Global focus-visible ring — Brand Design System spec */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible {
  outline: 2px solid #10b981; /* emerald-500 */
  outline-offset: 2px;
  border-radius: 4px;
}
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #10b981;
  outline-offset: 0;
  border-color: #10b981;
}
/* Dark mode: same ring, offset adapts to dark bg */
.dark a:focus-visible,
.dark button:focus-visible,
.dark [role="button"]:focus-visible {
  outline-color: #10b981;
}