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

*::-ms-backdrop {
  display: block; // IE11 fix
}

html {
  height: 100%;
  font-size: 16px;
}

// 1. Prevent adjustments of font size after orientation changes in iOS.
// 2. Change the default tap highlight to be completely transparent in iOS.
body {
  height: 100%;
  margin: 0;

  font-family: var(--fontFamily--body);
  font-size: var(--fontSize--body-medium);
  font-weight: var(--fontWeight--body-medium);
  line-height: var(--lineHeight--body-medium);
  color: rgb(var(--foreground--neutral-full-default--light));
  text-size-adjust: 100%; // 1
  letter-spacing: var(--letterSpacing--body-medium);

  -webkit-tap-highlight-color: rgb(0 0 0 / 0%); // 2

  b,
  strong {
    font-weight: var(--fontWeight--strong-medium);
  }
}

// 1. Render the `main` element consistently in IE.
main {
  display: block; // 1
}

//---------------------------------------------------------

p {
  margin-top: 1em; // zde by bylo dobre vynulovat, ale nutne pak upravit napr. u nadpisu
  margin-bottom: 1.5em; // v rem?
}

// 1. Remove the gray background on active links in IE 10.
 a {
  color: rgb(var(--foreground--links-strong-default--light));
  text-decoration: none;
  background-color: transparent; // 1

  &:hover {
    color: rgb(var(--foreground--links-strong-hovered--light));
    text-decoration: underline;
  }
}

// 1. Add the correct font weight in Chrome, Edge, and Safari
b,
strong {
  font-weight: bolder; // 1
}

// 1. Add the correct font size in all browsers.
small {
  font-size: 0.625rem; // 1
}

//---------------------------------------------------------

ul,
ol {
  margin-top: 1em; // zde by bylo dobre vynulovat, ale nutne pak upravit
  margin-bottom: 1.2em; // v rem?
}

//---------------------------------------------------------

table {
  border-collapse: collapse;
}

caption {
  padding-bottom: 0.1em;
  font-weight: 700;
  text-align: left; // prohlizece zarovnavaji na stred
}

//---------------------------------------------------------

hr {
  height: 0;
  border: none;
  border-bottom: 1px solid rgb(var(--border--neutral-low-default--light));
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

//---------------------------------------------------------

button,
input,
select,
textarea {
  margin: 0; // 1
  appearance: none;
}

input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  vertical-align: middle;
}

button {
  font-family: inherit;
}

// 1. Remove the default vertical scrollbar in IE 10+.
 textarea {
  overflow: auto; // 1
}

fieldset {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;

  border: 0;
}

legend {
  padding: 0;
  border: 0;
}

//---------------------------------------------------------

object,
param {
  position: relative;
  z-index: var(--elevation--default);
}

iframe {
  border: 1px solid rgb(var(--border--neutral-low-default--light));

  body > & {
    position: absolute;
    border: 0;
  }
}

:where(figure) {
  margin: 0;
}