:root {
  --font: Roboto;
  --radius: 8px;
  --gap: 12px;
  --padding: 8px;

  --text-small: 12px;

  --text-icon: 2px;

  --button-small-height: 32px;
  --button-default-height: 38px;
  --button-big-height: 58px;
}

html[device='smallDesktop']:root {
  --gap: 10px;
  --padding: 8px;
}

html[device='mobile']:root {
  --gap: 8px;
  --padding: 8px;

  --text-small: 10px;

  --text-icon: 0px;
}