html,
body {
  font-family: @font-family;
  color: @text-color;
  font-size: @text-base-size;
}

p {
  font-size: @text-size-1;
  line-height: @line-height-paragraph;
  color: @text-color;
  font-weight: normal;
}

h1,
h2,
h3 {
  color: @text-color-headline;
  line-height: @line-height-heading;
  font-weight: normal;
  margin-bottom: 20px;
}

h1 {
  font-size: @text-size-h1;
}

h2 {
  font-size: @text-size-h2;
}

h3 {
  font-size: @text-size-h3;
}

.selectable {
  user-select: text;
  cursor: @button-cursor;
}

.focusable:focus {
  box-shadow: @focus-box-shadow;
}

::-moz-selection {
  color: #fff;
  background: @input-border-color-focus;
}

::selection {
  color: #fff;
  background: @input-border-color-focus;
}