/*
 * Body, general
 */

body {
  color: @theme-color-text;
}

button,
input,
optgroup,
select,
textarea {
  background: @theme-color-header-background;
  color: @theme-color-header-text;
}

hr {
  border-top: 1px solid @darkmode-color-border;
}

*:focus {
  outline: 4px solid transparent !important;
  box-shadow: inset 0 0 0 2px @theme-color-brand;
}

*:focus:not(:focus-visible) {
  box-shadow: inset 0 0 0 2px transparent;
}

*:focus-visible {
  outline: 4px solid transparent !important;
  box-shadow: inset 0 0 0 2px @theme-color-brand;
}

.accessibility-skip-to-content:focus {
  color: @darkmode-color-always-black;
  top: 10px;
}

.z-depth-1,
nav,
.card-panel,
.card,
.toast,
.btn,
.btn-large,
.btn-floating,
.dropdown-content,
.collapsible,
.side-nav {
  box-shadow: inset 0 0 0 1px @darkmode-color-border;
}
