*, *::before, *::after { box-sizing: border-box;}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;}

body {
  margin: 0;
  font-family: var(--mv-font);
  font-size: var(--mv-fs-base);
  line-height: var(--mv-lh-normal);
  font-weight: var(--mv-fw-regular);}

h1, h2, h3, h4, h5, h6 { line-height: var(--mv-lh-tight);}

img, picture, video, canvas, svg { max-width: 100%;}
img, video { height: auto;}

input, button, textarea, select { font: inherit;}

textarea { resize: vertical;}

table { border-collapse: collapse;}

::selection {
  background: var(--mv-accent);
  color: var(--mv-text-inverse);}

/* Focus vizibil obligatoriu; !important pentru ca multe foi vechi pun outline:none pe :focus. */
:focus-visible {
  outline: 2px solid var(--mv-focus-color) !important;
  outline-offset: 2px !important;
  box-shadow: var(--mv-focus-ring) !important;}

/* Tinte de atingere pe mobil; !important pentru ca inaltimile mici sunt declarate
   in CSS-ul de pagina, incarcat dupa aceasta foaie. */
@media (max-width: 639.98px) {
  button,
  a.btn,
  input[type="submit"],
  input[type="button"],
  select {
    min-height: var(--mv-touch-min) !important;}

  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="tel"],
  input[type="number"],
  input[type="search"],
  input[type="date"],
  select,
  textarea {
    font-size: 16px !important;}
}