/* Small accessibility improvements: visible focus and clearer interactive states. */

:focus-visible {
  outline: 3px solid #2563eb;
  outline-offset: 3px;
}

button:focus-visible,
a:focus-visible,
select:focus-visible,
input:focus-visible,
summary:focus-visible,
.slot[role="button"]:focus-visible {
  outline: 3px solid #2563eb;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgba(37, 99, 235, .16);
}

.slot[role="button"]:focus-visible {
  border-color: #2563eb;
}

.calendar-day:focus-visible {
  outline: 3px solid #2563eb;
  outline-offset: 2px;
  box-shadow: 0 0 0 5px rgba(37, 99, 235, .16);
}

button:disabled:focus-visible,
.calendar-day:disabled:focus-visible {
  outline-color: #94a3b8;
  box-shadow: none;
}

@media (prefers-color-scheme: dark) {
  :focus-visible,
  button:focus-visible,
  a:focus-visible,
  select:focus-visible,
  input:focus-visible,
  summary:focus-visible,
  .slot[role="button"]:focus-visible,
  .calendar-day:focus-visible {
    outline-color: #93c5fd;
    box-shadow: 0 0 0 6px rgba(147, 197, 253, .18);
  }
}