/* MoraByte Vault: ajustes mínimos fuera del tema oficial de Material UI. */

:root {
  --morabyte-cyan: #0881a3;
  --morabyte-charcoal: #171a20;
  --morabyte-white: #f5f7fa;
}

html {
  min-height: 100%;
  background-color: var(--morabyte-charcoal);
}

body {
  min-height: 100vh;
  background-color: var(--morabyte-charcoal) !important;
  background-image:
    linear-gradient(rgba(15, 17, 24, 0.28), rgba(15, 17, 24, 0.28)),
    url("/img/morabyte-vault-login.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

::selection {
  color: var(--morabyte-white);
  background: var(--morabyte-cyan);
}

:focus-visible {
  outline: 2px solid var(--morabyte-cyan);
  outline-offset: 2px;
}