/**
 * Project-wide: remove browser default blue focus rings.
 * Loaded last so it overrides Tailwind / normalize defaults.
 */
:root {
  --tw-ring-color: rgb(255 104 33 / 0.35);
}

*:focus {
  outline: none;
}

button:focus,
button:focus-visible,
[type="button"]:focus,
[type="button"]:focus-visible,
[type="submit"]:focus,
[type="submit"]:focus-visible,
[type="reset"]:focus,
[type="reset"]:focus-visible,
[role="button"]:focus,
[role="button"]:focus-visible,
a:focus,
a:focus-visible,
summary:focus,
summary:focus-visible,
.owner-user-menu__trigger:focus,
.owner-user-menu__trigger:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  --tw-ring-shadow: 0 0 #0000 !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
}

/* Tailwind ring utilities on click/focus */
.focus\:outline-none:focus,
.focus\:ring-2:focus,
.focus\:ring:focus,
[class*="focus:ring"]:focus,
[class*="focus-visible:ring"]:focus-visible {
  --tw-ring-shadow: 0 0 #0000 !important;
  box-shadow: none !important;
  outline: none !important;
}

[type="file"]:focus,
[type="file"]:focus-visible {
  outline: none !important;
}
